/* Typography */
h1, .h1 {
    font-family: 'Montserrat Alternates', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 61px;
}

h2, .h2 {
    font-family: 'Montserrat Alternates', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 38px;
    line-height: 46px;
}

h3, .h3 {
    font-family: 'Montserrat Alternates', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
}

h4, .h4 {
    font-family: 'Montserrat Alternates', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 26px;
}

h5, .h5 {
    font-family: 'Montserrat Alternates', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: 0;
    text-transform: uppercase;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: #495057;

    &.small {
        font-size: 14px;
    }

    & + p {
        margin-top: 20px;
    }
}

em {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #95999c;

    a {
        font-family: Montserrat;
        font-style: italic;
        font-weight: 500;
        font-size: 13px;
        line-height: 18px;
        color: #FF8C1C;
    }
}

small {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
}

.bg-gray {
    background-color: #F5F5F6;
}

.bg-notify-orange {
    padding: 10px;
    background: rgba(255, 170, 89, 0.22);
    border-radius: 12px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #495057;
}

.bg-orange {
    background-color: #FF8C1C;
}

.text-orange {
    color: #FF8C1C !important;
}

.text-normal {
    font-weight: normal !important;
}

a {
    &.text-orange:hover {
        color: #FF7E00 !important;
        text-decoration: underline;
    }
}

.text-gray {
    color: #ACB5BD !important;
}

.text-success {
    color: #4BC374 !important;
}

.text-danger {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #EE3F3F !important;
}

.required {
    color: #EE3F3F;
    font-family: Montserrat;
    font-weight: bold;
}

/* Button */
button:active, button:focus {
    outline: none;
    box-shadow: none;
}

.button-primary {
    background: #FF8C1C;
    border-radius: 8px;
    padding: 15px 24px;
    border-width: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF !important;
    text-decoration: none;
    width: fit-content;
    width: -moz-fit-content;
    
    &:hover {
        background: #E07207;
        color: #FFFFFF !important;
    }
}

.button-danger {
    background: #EE3F3F;
    border-radius: 8px;
    padding: 15px 24px;
    border-width: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF !important;
    text-decoration: none;
    width: fit-content;
    width: -moz-fit-content;
    
    &:hover {
        background: #E03131;
        color: #FFFFFF !important;
    }

    &.small {
        padding: 12px 24px;
    }
}

.button-transparent {
    background: transparent;
    border-radius: 8px;
    padding: 15px 24px;
    border-width: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #ACB5BD !important;
    text-decoration: none;
    width: fit-content;
    width: -moz-fit-content;

    &:hover {
        background: transparent;
        color: #212429 !important;
    }
}

.button-transparent-orange {
    background: transparent;
    border-radius: 8px;
    padding: 15px 24px;
    border-width: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #FF8C1C !important;
    text-decoration: none;
    width: fit-content;
    width: -moz-fit-content;

    &:hover {
        background: transparent;
        color: #FF7E00 !important;
    }
}

.button-primary-outline {
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #FF8C1C;
    border-radius: 8px;
    padding: 15px 24px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FF8C1C !important;
    text-decoration: none;
    width: fit-content;
    width: -moz-fit-content;

    &:hover {
        background: transparent;
        border-color: #E07207;
        color: #E07207 !important;
    }
}

.button-secondary {
    background-color: #FF7E00;
    background: linear-gradient(93.16deg, #FFBC7F 2.96%, #FFBD81 41.88%, #FF9D40 76.75%, #FF7E00 99.99%), #C4C4C4;
    border-radius: 8px;
    padding: 15px 24px;
    border-width: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF !important;
    text-decoration: none;
    width: fit-content;
    width: -moz-fit-content;

    &:hover {
        color: #FFFFFF !important;
        background-color: #FF9D40;
        background: linear-gradient(93.16deg, #FF7E00 2.96%, #FF9D40 41.88%, #FFBD81 76.75%, #FFBC7F 99.99%), #C4C4C4;
    }
}

.button-alternate {
    background: transparent;
    border: 1px solid #ACB5BD;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 14px 24px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: #212429 !important;
    text-decoration: none;
    width: fit-content;
    width: -moz-fit-content;

    &:hover {
        border: 1px solid #212429;
        box-sizing: border-box;
        color: #212429 !important;
    }
}

.button-primary.little,
.button-secondary.little,
.button-alternate.little,
.button-transparent.little,
.button-primary-outline.little,
.button-transparent-orange.little {
    padding: 8px 16px;
    font-size: 14px;
}

.button-primary.small,
.button-secondary.small,
.button-alternate.small,
.button-transparent.small,
.button-primary-outline.small,
.button-transparent-orange.small {
    padding: 12px 24px;
}

.button-primary.medium,
.button-secondary.medium,
.button-alternate.medium,
.button-transparent.medium,
.button-primary-outline.medium,
.button-transparent-orange.medium {
    padding: 18px 36px;
}

.button-block {
    display: block;
    width: 100%;
    padding: 15px 0px;
    
    &.big {
        padding: 19px 0;
    }
}

.button-primary:focus,
.button-primary:active,
.button-secondary:focus,
.button-secondary:active,
.button-alternate:focus,
.button-alternate:active,
.button-primary-outline:focus,
.button-primary-outline:active,
.button-transparent:focus,
.button-transparent:active,
.button-transparent-orange:focus,
.button-transparent-orange:active {
    outline: none;
}

.button-primary:disabled {
    background: #FFC286;
    opacity: 0.5;
}

.button-secondary:disabled {
    background: #FFC286;
    background: linear-gradient(93.16deg, #FFBC7F 2.96%, #FFBD81 41.88%, #FF9D40 76.75%, #FF7E00 99.99%), #C4C4C4;
    opacity: 0.5;
}

.button-alternate:disabled {
    opacity: 0.3;
    border: 1px solid #ACB5BD;
}

button:disabled {
    cursor: no-drop;
}

/* Tabs */
.nav-tabs {
    border-bottom-width: 0;

    .nav-item {
        margin-bottom: 8px;
            
        &:first-child .nav-link {
            padding-left: 0;
        }

        .nav-link {
            font-family: 'Montserrat', sans-serif;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 20px;
            color: #ACB5BD;
            border-width: 0;
            background-color: transparent;

            & + .nav-link {
                padding: 10px 15px;
            }

            &:hover {
                border-width: 0;
            }

            &.disabled {
                opacity: .3;
                cursor: no-drop;
            }

            &.active {
                color: #212429;
            }

            &.active::after {
                content: '';
                background: #FF8C1C;
                border-radius: 1000px;
                margin-top: 12px;
                display: block;
                width: 100%;
                height: 5px;
            }
        }

        &.show .nav-link  {
            position: relative;
            background-color: transparent;
        }

        &.show .nav-link::after,
        &.active::after {
            content: '';
            background: #FF8C1C;
            border-radius: 1000px;
            margin-top: 12px;
            display: block;
            width: 100%;
            height: 5px;
        }
    }
}

/* Forms */
.form-label {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #ACB5BD;
}

.form-control:not([type="file"]) {
    background-color: #FFFFFF;
    border: 1px solid #ACB5BD;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 12px 18px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, color .15s ease-in-out;

    &.gray {
        padding: 14px 24px 14px 16px;
        background-color: #F5F5F6;
        border-radius: 8px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #212429;
        border-color: #F5F5F6;

        &::placeholder {
            color: #212429;
        }
    }

    &:not([readonly]):focus {
        background-color: #FFFFFF;
        color: #FF8C1C;
        border: 1px solid #FF8C1C;
        box-sizing: border-box;
        box-shadow: 0px 1px 1px rgba(51, 154, 240, 0.1);
        border-radius: 8px;
    }
    &[readonly]:focus {
        box-shadow: none;
        user-select: none;
    }

    &.light {
        &:read-only {
            background-color: #ffffff;
        }

        // &:read-only:focus {
        //     background-color: #ffffff;
        // }
    }

    // &:read-only:focus {
    //     background-color: #e9ecef;
    //     border: 1px solid #ACB5BD;
    // }
}

.form-control.is-valid,
.was-validated .form-control:valid {
    color: #4BC374;
    border-color: #4BC374;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDExLjA4VjEyQzIxLjk5ODggMTQuMTU2NCAyMS4zMDA1IDE2LjI1NDcgMjAuMDA5MyAxNy45ODE4QzE4LjcxODIgMTkuNzA5IDE2LjkwMzMgMjAuOTcyNSAxNC44MzU0IDIxLjU4MzlDMTIuNzY3NCAyMi4xOTUzIDEwLjU1NzMgMjIuMTIxOSA4LjUzNDQ2IDIxLjM3NDZDNi41MTE2NyAyMC42MjczIDQuNzg0NjUgMTkuMjQ2MSAzLjYxMDk1IDE3LjQzNzFDMi40MzcyNiAxNS42MjggMS44Nzk3OCAxMy40ODgxIDIuMDIxNjcgMTEuMzM2M0MyLjE2MzU1IDkuMTg0NTUgMi45OTcyIDcuMTM2MzEgNC4zOTgyNyA1LjQ5NzA2QzUuNzk5MzUgMy44NTc4MSA3LjY5Mjc4IDIuNzE1MzcgOS43OTYxOCAyLjI0MDEzQzExLjg5OTYgMS43NjQ5IDE0LjEwMDMgMS45ODIzMiAxNi4wNyAyLjg1OTk5IiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjIgNEwxMiAxNC4wMUw5IDExLjAxIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.valid-feedback {
    color: #4BC374;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #4BC374;
    box-shadow: 0 0 0 0.25rem rgb(75 195 116 / 25%);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #EE3F3F;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5IDMuODYwMDJMMS44MTk5OSAxOEMxLjY0NTM2IDE4LjMwMjQgMS41NTI5NiAxOC42NDUzIDEuNTUxOTggMTguOTk0NUMxLjU1MSAxOS4zNDM4IDEuNjQxNDggMTkuNjg3MiAxLjgxNDQyIDE5Ljk5MDVDMS45ODczNSAyMC4yOTM5IDIuMjM2NzIgMjAuNTQ2OCAyLjUzNzcgMjAuNzIzOUMyLjgzODY4IDIwLjkwMSAzLjE4MDc5IDIwLjk5NjIgMy41Mjk5OSAyMUgyMC40N0MyMC44MTkyIDIwLjk5NjIgMjEuMTYxMyAyMC45MDEgMjEuNDYyMyAyMC43MjM5QzIxLjc2MzMgMjAuNTQ2OCAyMi4wMTI2IDIwLjI5MzkgMjIuMTg1NiAxOS45OTA1QzIyLjM1ODUgMTkuNjg3MiAyMi40NDkgMTkuMzQzOCAyMi40NDggMTguOTk0NUMyMi40NDcgMTguNjQ1MyAyMi4zNTQ2IDE4LjMwMjQgMjIuMTggMThMMTMuNzEgMy44NjAwMkMxMy41MzE3IDMuNTY2MTMgMTMuMjgwNyAzLjMyMzE0IDEyLjk4MTIgMy4xNTQ1MUMxMi42ODE3IDIuOTg1ODcgMTIuMzQzNyAyLjg5NzI4IDEyIDIuODk3MjhDMTEuNjU2MyAyLjg5NzI4IDExLjMxODMgMi45ODU4NyAxMS4wMTg4IDMuMTU0NTFDMTAuNzE5MyAzLjMyMzE0IDEwLjQ2ODMgMy41NjYxMyAxMC4yOSAzLjg2MDAyVjMuODYwMDJaIiBzdHJva2U9IiNGMDNEM0UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiA5VjEzIiBzdHJva2U9IiNGMDNEM0UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiAxNlYxNi41IiBzdHJva2U9IiNGMDNEM0UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    color: #EE3F3F;
    border-color: #EE3F3F;
    box-shadow: 0 0 0 0.25rem #ee3f3f40;
}

.invalid-feedback {
    color: #EE3F3F;
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5IDMuODYwMDJMMS44MTk5OSAxOEMxLjY0NTM2IDE4LjMwMjQgMS41NTI5NiAxOC42NDUzIDEuNTUxOTggMTguOTk0NUMxLjU1MSAxOS4zNDM4IDEuNjQxNDggMTkuNjg3MiAxLjgxNDQyIDE5Ljk5MDVDMS45ODczNSAyMC4yOTM5IDIuMjM2NzIgMjAuNTQ2OCAyLjUzNzcgMjAuNzIzOUMyLjgzODY4IDIwLjkwMSAzLjE4MDc5IDIwLjk5NjIgMy41Mjk5OSAyMUgyMC40N0MyMC44MTkyIDIwLjk5NjIgMjEuMTYxMyAyMC45MDEgMjEuNDYyMyAyMC43MjM5QzIxLjc2MzMgMjAuNTQ2OCAyMi4wMTI2IDIwLjI5MzkgMjIuMTg1NiAxOS45OTA1QzIyLjM1ODUgMTkuNjg3MiAyMi40NDkgMTkuMzQzOCAyMi40NDggMTguOTk0NUMyMi40NDcgMTguNjQ1MyAyMi4zNTQ2IDE4LjMwMjQgMjIuMTggMThMMTMuNzEgMy44NjAwMkMxMy41MzE3IDMuNTY2MTMgMTMuMjgwNyAzLjMyMzE0IDEyLjk4MTIgMy4xNTQ1MUMxMi42ODE3IDIuOTg1ODcgMTIuMzQzNyAyLjg5NzI4IDEyIDIuODk3MjhDMTEuNjU2MyAyLjg5NzI4IDExLjMxODMgMi45ODU4NyAxMS4wMTg4IDMuMTU0NTFDMTAuNzE5MyAzLjMyMzE0IDEwLjQ2ODMgMy41NjYxMyAxMC4yOSAzLjg2MDAyVjMuODYwMDJaIiBzdHJva2U9IiNGMDNEM0UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiA5VjEzIiBzdHJva2U9IiNGMDNEM0UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiAxNlYxNi41IiBzdHJva2U9IiNGMDNEM0UiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.show-password {
    position: relative;
}

.show-password .form-control {
    padding-right: 30px;
}

.show-password .password-control {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4yODgyIDAuMDA0ODE4ODhMMTAuMDAyIDBDNS44NjEwOCAwIDIuMTI5MjYgMi45MjMwOCAwLjA2MDkxNDkgNy43MDU4M0MtMC4wMjAzMDUgNy44OTM2NCAtMC4wMjAzMDUgOC4xMDYzNiAwLjA2MDkxNDkgOC4yOTQxNkwwLjIwNDIzOSA4LjYxNjc5QzIuMjQ2MzggMTMuMDkzMSA1Ljc3NTQ0IDE1Ljg2NDQgOS43MTE3OSAxNS45OTUyTDkuOTk4IDE2QzE0LjEzODkgMTYgMTcuODcwNyAxMy4wNzY5IDE5LjkzOTEgOC4yOTQxNkMyMC4wMjEzIDguMTAzOTkgMjAuMDIwMiA3Ljg4ODM5IDE5LjkzNjEgNy42OTkwNEwxOS43OTY4IDcuMzg1NjNDMTcuNzQ5NyAyLjkwMDkxIDE0LjIxOTIgMC4xMzU0NjYgMTAuMjg4MiAwLjAwNDgxODg4Wk0xMC4wMDkgMS40ODk0MkwxMC4yNDc5IDEuNDk0NTZMMTAuNTE0OSAxLjUwODQ1QzEzLjcxMjIgMS43MzQ4NCAxNi42NTI1IDQuMTA1NTMgMTguNDI5IDcuOTk5MTFMMTguNDE5NyA4LjAyMzEzQzE2LjU5ODcgMTIuMDAwNSAxMy41NTY5IDE0LjM4NTMgMTAuMjU4OSAxNC41MDVMMTAuMDA0IDE0LjUwODhMOS43NDY5MyAxNC41MDU0TDkuNDgwNjEgMTQuNDkxNUM2LjM4MjcxIDE0LjI3MjEgMy41MjYzNyAxMi4wMzQ0IDEuNzM5MTQgOC4zNTk3TDEuNTcgNy45OTkxMUwxLjcyNjU4IDcuNjY2MTlDMy42MTExNyAzLjc3MzE1IDYuNjkxNDggMS40OTAyNyAxMC4wMDkgMS40ODk0MlpNOS45OTk1IDQuMTEzNDZDNy44MzkxIDQuMTEzNDYgNi4wODg1IDUuODUzMTMgNi4wODg1IDguMDAwMkM2LjA4ODUgMTAuMTQ2NSA3LjgzOTI5IDExLjg4NTkgOS45OTk1IDExLjg4NTlDMTIuMTU5OCAxMS44ODU5IDEzLjkxMTUgMTAuMTQ2MyAxMy45MTE1IDguMDAwMkMxMy45MTE1IDUuODUzMjUgMTIuMTYgNC4xMTM0NiA5Ljk5OTUgNC4xMTM0NlpNOS45OTk1IDUuNjAzNzhDMTEuMzMxNyA1LjYwMzc4IDEyLjQxMTUgNi42NzY0IDEyLjQxMTUgOC4wMDAyQzEyLjQxMTUgOS4zMjMxMiAxMS4zMzE2IDEwLjM5NTYgOS45OTk1IDEwLjM5NTZDOC42Njc3MSAxMC4zOTU2IDcuNTg4NSA5LjMyMzM4IDcuNTg4NSA4LjAwMDJDNy41ODg1IDYuNjc2MTQgOC42Njc2IDUuNjAzNzggOS45OTk1IDUuNjAzNzhaIiBmaWxsPSIjNDk1MDU3Ii8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    cursor: pointer;
}

.show-password .password-control.show {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC40MTc3IDAuNzE2MTg2QzE4LjEyNDggMC40Mjc5MzggMTcuNjUgMC40Mjc5MzggMTcuMzU3MSAwLjcxNjE4NkwxNS4yNjkzIDIuNzcwODZDMTMuNjU2NSAxLjY2MjkgMTEuODU1NSAxLjA3NTQzIDEwIDEuMDc1NDNDNy45NDMxNSAxLjA3NTQzIDUuOTQ3NDUgMS43OTU0MiA0LjIxODU2IDMuMTQyMDFDMi41MTA1NCA0LjQ2NDAyIDEuMDg2OTcgNi4zNzA2MSAwLjA2MTQ0MDcgOC43MDgxMUMtMC4wMjAyNjIgOC44OTQzMyAtMC4wMjA0ODg2IDkuMTA1NDQgMC4wNjA4MTQyIDkuMjkxODRDMC45NDY0MjcgMTEuMzIyMiAyLjEzNTk4IDEzLjAyNTUgMy41NTQ0NCAxNC4yOTk5TDEuNTgzMDcgMTYuMjRMMS41MTA0NSAxNi4zMjI4QzEuMjkyNiAxNi42MTE3IDEuMzE2OCAxNy4wMjE4IDEuNTgzMDcgMTcuMjgzOEMxLjg3NTk2IDE3LjU3MjEgMi4zNTA4NCAxNy41NzIxIDIuNjQzNzMgMTcuMjgzOEwxOC40MTc3IDEuNzYwMDJMMTguNDkwMyAxLjY3NzI0QzE4LjcwODIgMS4zODgyOCAxOC42ODQgMC45NzgyMjkgMTguNDE3NyAwLjcxNjE4NlpNNC42MTYzNiAxMy4yNTQ4TDYuNzU0MjIgMTEuMTUwOEM2LjMyMjU5IDEwLjUyNTYgNi4wODYgOS43ODUwMSA2LjA4NiA5LjAwMTE4QzYuMDg2IDYuODY4NDIgNy44MzM3MSA1LjE0NzMgMTAgNS4xNDczQzEwLjc5MjEgNS4xNDczIDExLjU1MjcgNS4zODE3OCAxMi4xODY3IDUuODA0NTdMMTQuMTg5MiAzLjgzMzgyQzEyLjg4MTUgMi45OTA1NSAxMS40NTY1IDIuNTUxNjMgMTAgMi41NTE2M0M4LjI5MDI1IDIuNTUxNjMgNi42MTk5MiAzLjE1NDI0IDUuMTQ3NjQgNC4zMDA5NkMzLjczNzgxIDUuMzkyMTcgMi41Mjk0NSA2Ljk2MDcyIDEuNjE3MDYgOC45MDA0MUwxLjU3MDQgOS4wMDEzOEwxLjYxNTc1IDkuMTAwMjdDMi40MDg3MiAxMC43OTQ4IDMuNDMwNDkgMTIuMjAzOCA0LjYxNjM2IDEzLjI1NDhaTTExLjA5MzUgNi44ODA0QzEwLjc2MTggNi43MTQxMiAxMC4zODc2IDYuNjIzNSAxMCA2LjYyMzVDOC42NjIzNiA2LjYyMzUgNy41ODYgNy42ODM0OSA3LjU4NiA5LjAwMTE4QzcuNTg2IDkuMzg1MDUgNy42NzY3MSA5Ljc0OTUgNy44NDY4IDEwLjA3NTZMMTEuMDkzNSA2Ljg4MDRaTTEzLjEzNjYgOC44MTU4NEwxMy4yMzggOC44MjY5M0MxMy42NDU2IDguODk5MDkgMTMuOTE2NyA5LjI4MjgyIDEzLjg0MzQgOS42ODQwM0MxMy41NTYgMTEuMjU2NyAxMi4yOTkyIDEyLjQ5NiAxMC43MDIyIDEyLjc4MTNDMTAuMjk0NiAxMi44NTQxIDkuOTA0MjUgMTIuNTg4IDkuODMwMjYgMTIuMTg2OUM5Ljc1NjI4IDExLjc4NTggMTAuMDI2NyAxMS40MDE2IDEwLjQzNDIgMTEuMzI4OEMxMS40MTUyIDExLjE1MzYgMTIuMTkwNCAxMC4zODkyIDEyLjM2NyA5LjQyMjczQzEyLjQzNDMgOS4wNTQ5NiAxMi43Njc1IDguODAwMTcgMTMuMTM2NiA4LjgxNTg0Wk0xNi45OTcgNS4zMTQzOUMxNy4zMjc5IDUuMDY5MjQgMTcuNzk4MSA1LjEzNDUyIDE4LjA0NzIgNS40NjAyMUMxOC43NzMgNi40MDkxNCAxOS40MDczIDcuNDk4NTIgMTkuOTM4NCA4LjcwNzIyQzIwLjAyMDUgOC44OTQwMSAyMC4wMjA1IDkuMTA1ODYgMTkuOTM4NiA5LjI5MjcxQzE3Ljg2MTMgMTQuMDI4OSAxNC4xMzQ1IDE2LjkyNDUgMTAgMTYuOTI0NUM5LjA1ODc4IDE2LjkyNDUgOC4xMjc1MSAxNi43NzQ3IDcuMjMwNTcgMTYuNDgwMUM2LjgzNzY2IDE2LjM1MSA2LjYyNTQ0IDE1LjkzMjkgNi43NTY1NyAxNS41NDYzQzYuODg3NyAxNS4xNTk2IDcuMzEyNTIgMTQuOTUwNyA3LjcwNTQzIDE1LjA3OThDOC40NDk3MyAxNS4zMjQyIDkuMjIwNjggMTUuNDQ4MyAxMCAxNS40NDgzQzEzLjMwNDYgMTUuNDQ4MyAxNi4zODEgMTMuMTg2NCAxOC4yNzI3IDkuMzI5NzhMMTguNDI4NCA5LjAwMTM4TDE4LjM3NTUgOC44ODQ1NkMxNy45OTQ4IDguMDc4NCAxNy41NjQ1IDcuMzM4OTYgMTcuMDg5OCA2LjY3NDE0TDE2Ljg0ODggNi4zNDc5OUMxNi41OTk3IDYuMDIyMzEgMTYuNjY2IDUuNTU5NTUgMTYuOTk3IDUuMzE0MzlaIiBmaWxsPSIjRkY4QzFDIi8+Cjwvc3ZnPgo=");
    height: 18px;
}

.form-check {
    min-height: 28px;
    line-height: 28px;
    padding-left: 34px;
    margin-bottom: 5px;
}

.form-check-input {
    margin-top: 0;
    width: 28px;
    height: 28px;
}

.form-check .form-check-input {
    margin-left: -34px;
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FF8C1C'/%3e%3c/svg%3e");
}

.form-check-input:checked {
    background-color: #FFFFFF;
    border: 2px solid #FF8C1C;
    border-radius: 14px;
    box-sizing: border-box;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-input:not(:checked):focus {
    box-shadow: none;
    background-color: var(--bs-form-check-bg);
    border-color: var(--bs-border-color);
}

.form-check-input:disabled {
    background-color: #DDE2E5;
    border-color: #DDE2E5;
}

.form-check-small {
    min-height: 1.5rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    margin-bottom: .125rem;

    label {
        font-weight: normal;
    }
}

.form-check-small .form-check-input {
    margin-top: .25em;
    width: 1em;
    height: 1em;
}

.form-check-small  .form-check-input {
    margin-left: -1.5em;
}

.form-check-input[type="checkbox"]:checked {
    border-radius: 4px;
    background-color: #FF8C1C;
}

.form-check-input[type="checkbox"]:checked:disabled {
    border-color: #DDE2E5;
}

.form-check-input[type="checkbox"]:disabled {
    background-color: #DDE2E5;
    border-color: #DDE2E5;
}

.form-check.form-switch {
    padding-left: 4em;
}

.form-check.form-switch .form-check-input {
    margin-left: -4em;
    border-radius: 2em;
}

.form-switch .form-check-input {
    width: 3.5em;
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    border-color:rgba(0, 0, 0, .25);
}

.form-switch .form-check-input:checked:focus {
    border-color:#FF8C1C;
}

.helper-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEwLjAwMDJDMCA0LjQ3ODAzIDQuNDc3NzkgMC4wMDAyNDQxNDEgMTAgMC4wMDAyNDQxNDFDMTUuNTIyOSAwLjAwMDI0NDE0MSAyMCA0LjQ3NzcgMjAgMTAuMDAwMkMyMCAxNS41MjI4IDE1LjUyMjkgMjAuMDAwMiAxMCAyMC4wMDAyQzQuNDc3NzkgMjAuMDAwMiAwIDE1LjUyMjUgMCAxMC4wMDAyWk0xOC41IDEwLjAwMDJDMTguNSA1LjMwNjEgMTQuNjk0NCAxLjUwMDI0IDEwIDEuNTAwMjRDNS4zMDYyMSAxLjUwMDI0IDEuNSA1LjMwNjQ2IDEuNSAxMC4wMDAyQzEuNSAxNC42OTQgNS4zMDYyMSAxOC41MDAyIDEwIDE4LjUwMDJDMTQuNjk0NCAxOC41MDAyIDE4LjUgMTQuNjk0NCAxOC41IDEwLjAwMDJaTTkuOTk1MSA1LjQ1NDM0QzEwLjM3NDggNS40NTQzNCAxMC42ODg2IDUuNzM2NSAxMC43MzgzIDYuMTAyNTdMMTAuNzQ1MSA2LjIwNDM0VjEwLjYyMzNDMTAuNzQ1MSAxMS4wMzc2IDEwLjQwOTMgMTEuMzczMyA5Ljk5NTEgMTEuMzczM0M5LjYxNTQgMTEuMzczMyA5LjMwMTYxIDExLjA5MTIgOS4yNTE5NSAxMC43MjUxTDkuMjQ1MSAxMC42MjMzVjYuMjA0MzRDOS4yNDUxIDUuNzkwMTMgOS41ODA4OSA1LjQ1NDM0IDkuOTk1MSA1LjQ1NDM0Wk0xMC43NTUxIDEzLjc5NjFDMTAuNzU1MSAxMy4zODE5IDEwLjQxOTMgMTMuMDQ2MSAxMC4wMDUxIDEzLjA0NjFMOS44OTMzMyAxMy4wNTNDOS41MjcyNSAxMy4xMDI3IDkuMjQ1MSAxMy40MTY0IDkuMjQ1MSAxMy43OTYxQzkuMjQ1MSAxNC4yMTA0IDkuNTgwODkgMTQuNTQ2MSA5Ljk5NTEgMTQuNTQ2MUwxMC4xMDY5IDE0LjUzOTNDMTAuNDcyOSAxNC40ODk2IDEwLjc1NTEgMTQuMTc1OCAxMC43NTUxIDEzLjc5NjFaIiBmaWxsPSIjNDk1MDU3Ii8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
    cursor: help;
    vertical-align: middle;
}

.helper-icon.small {
    width: 20px;
    height: 20px;
}

/* Custom Elements */
.toggler {
    position: relative;
    background: #F5F5F6;
    border-radius: 4px;
    padding: 4px 6px 4px 6px;
    display: flex;
    flex-direction: row;

    a {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 17px;
        color: #212429;
        border-radius: 0;
        background-color: transparent;
        box-shadow: none;
        border: none;

        &.active {
            background: #FFFFFF;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
            border-radius: 4px;
            color: #FF8C1C;
        }

        &:focus {
            outline: none;
        }
    }

    .list-group-item + .list-group-item.active {
        margin-top: 0;
        border-top-width: 0;
    }
}

.transparent-tags {
    li {
        display: block;
        float: left;

        a {
            display: block;
            background: rgba(255, 255, 255, 0.4);
            border: 1px solid #ACB5BD;
            box-sizing: border-box;
            border-radius: 8px;
            padding: 12px 24px;
            margin-bottom: 16px;
            margin-right: 16px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 18px;
            color: #FFFFFF;
            text-decoration: none;
        }

        a:hover {
            background: rgba(255, 170, 89, 0.5);
            border: 1px solid #ACB5BD;
            box-sizing: border-box;
            border-radius: 8px;
        }

        &.hidden {
            display: none;
        }
    }
}

.has-children {
    position: relative;

    > a::after {
        content: "";
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    & ul.sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 9999;

        & > li {
            margin-top: 10px;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            width: 100%;
            background-color: #FFFFFF;
            box-shadow: 0px 33px 80px rgba(0, 0, 0, 0.05), 0px 13.7866px 33.4221px rgba(0, 0, 0, 0.0359427), 0px 7.37098px 17.869px rgba(0, 0, 0, 0.0298054), 0px 4.13211px 10.0172px rgba(0, 0, 0, 0.025), 0px 2.19453px 5.32008px rgba(0, 0, 0, 0.0201946), 0px 0.913195px 2.21381px rgba(0, 0, 0, 0.0140573);
            border-radius: 8px;
            padding: 0 24px;

            & > ul {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                flex-basis: 100%;
                flex: 1;
                list-style: none;
                padding: 0;
                margin: 0;

                li {
                    display: flex;
                    flex-direction: row;
                    align-items: flex-start;
                    width: 100%;
                    margin: 24px 0;
                    min-width: 290px;

                    a {
                        text-decoration: none;
                        line-height: 1;

                        &:hover strong {
                            color: #FF8C1C;
                        }

                        strong {
                            font-family: Montserrat;
                            font-style: normal;
                            font-weight: 500;
                            font-size: 16px;
                            line-height: 20px;
                            color: #212429;
                            display: block;
                        }

                        span {
                            font-family: Montserrat;
                            font-style: normal;
                            font-weight: normal;
                            font-size: 12px;
                            line-height: 15px;
                            color: #ACB5BD;
                        }
                    }
                }
            }
        }
    }

    &:hover .nav-link {
        color: #FF8C1C !important;
    }

    &:hover ul.sub-menu {
        display: block;
    }
}

.bordered-box-outline {
    padding: 16.5px;
    border: 1px dashed #FF8C1C;
    box-sizing: border-box;
    border-radius: 12px;
    margin-bottom: 16px;
}

.bordered-box {
    padding: 16.5px;
    background: #FFFFFF;
    border: 1px solid #DDE2E5;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 16px;
    
    .head {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #DDE2E5;

        .title {
            font-family: Montserrat Alternates;
            font-style: normal;
            font-weight: bold;
            font-size: 24px;
            line-height: 29px;
            margin-bottom: 10px;
            color: #212529;
        }

        .subtitle {
            font-family: Montserrat;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 17px;
            color: #ACB5BD;
        }
    }
}

.dropdown {
    .btn-link {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        text-decoration: none;
        
        &::after {
            margin-left: 6px;
        }

        &:focus {
            outline: none;
            box-shadow: none;
        }
    }
}

.white-tags {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;

    @media (max-width: 768px) {
        overflow: auto;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;

        @media (max-width: 768px) {
            display: flex;
            align-items: center;
            padding-bottom: 10px;
        }

        li {
            display: block;
            float: left;
            margin-right: 10px;
            margin-top: 8px;
            margin-bottom: 8px;

            button,
            a {
                display: block;
                background: #FFFFFF;
                border: 1px solid #DDE2E5;
                box-sizing: border-box;
                box-shadow: 0px 2px 4px rgba(33, 36, 41, 0.05);
                border-radius: 200px;
                padding: 6px 11px;
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-size: 12px;
                line-height: 14px;
                text-transform: uppercase;
                color: #495057;
                text-decoration: none;
                padding: 9px 11px;
                transition: all 450ms;

                @media (max-width: 768px) {
                    white-space: nowrap;
                    display: flex;
                    align-items: center;
                }

                &:hover {
                    border-color: #FF7E00;
                    color: #FF7E00;
                }

                &:focus {
                    border-color: #DDE2E5;
                    color: #495057;
                }
            }

            &.active {
                button::after,
                a::after {
                    content: '×';
                    display: none;
                    float: right;
                    margin-left: 8px;
                    text-align: center;
                    width: 14px;
                    height: 14px;
                    border-radius: 50%;
                    background-color: #DDE2E5;
                    color: #495057;;
                }

                button,
                a {
                    border-color: #FF7E00;
                    color: #FF7E00;
                }
            }
        }
    }
}

.pagination {
    display: flex;
    align-items: center;

    .prev {
        margin-right: auto;

        &.first {
            margin-right: 8px;
        }

        &.first + .prev {
            margin-right: auto;
        }
    }

    .next {
        margin-left: auto;

        & + .next {
            margin-left: 8px;
        }
    }

    .page {
        min-width: 30px;
        min-height: 30px;

        button,
        span,
        a {
            display: block;
            padding: 6px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            background-color: #FFFFFF;
            border-radius: 15px;
            line-height: 18px;
            color: #212429;
            text-decoration: none;
            min-width: 30px;
            min-height: 30px;
            text-align: center;
            margin: 0 4px;
            border: none;

            &:not(.more):hover {
                background-color: #F5F5F6;
            }
        }

        &.current {
            button,
            span,
            a {
                background-color: #FF8C1C;
                border-radius: 15px;
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 18px;
                color: #F5F5F6;
                text-decoration: none;

                &:hover {
                    background-color: #FF7E00;
                }
            }
        }
    }

    .prev, .next {
        display: flex;
        align-items: center;

        button,
        a {
            background-color: #FF8C1C;
            border: 1px solid #FFFFFF;
            box-sizing: border-box;
            border-radius: 8px;
            padding: 8px 18px;
            font-family: Montserrat;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            color: #FFFFFF;
            text-decoration: none;

            &:hover {
                background-color: #E07207;
            }

            &.disabled {
                background-color: #F5F5F6;
                color: #495057;
                cursor: not-allowed;
            }
        }

    }

    .prev a::before, .prev button::before {
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05Ljg2MzggMy42NDE2Nkw2Ljg4Nzk3IDAuMzk4NDA5QzYuNzA2NDEgMC4yMDA1MyA2LjQxMTk1IDAuMjAwNTMgNi4yMzAzOCAwLjM5ODQwOUM2LjA0ODc4IDAuNTk2MzI4IDYuMDQ4NzggMC45MTcxNjYgNi4yMzAzOCAxLjExNTA5TDguNDEyNDUgMy40OTMyNEwwLjQ2NDk3NCAzLjQ5MzI0QzAuMjA4MTk3IDMuNDkzMjQgMCAzLjcyMDE0IDAgMy45OTk5OUMwIDQuMjc5ODEgMC4yMDgxOTcgNC41MDY3NSAwLjQ2NDk3NCA0LjUwNjc1TDguNDEyNDUgNC41MDY3NUw2LjIzMDQ2IDYuODg0OUM2LjA0ODg2IDcuMDgyODIgNi4wNDg4NiA3LjQwMzY2IDYuMjMwNDYgNy42MDE1OEM2LjMyMTIyIDcuNzAwNDYgNi40NDAyNiA3Ljc1IDYuNTU5MjUgNy43NUM2LjY3ODI1IDcuNzUgNi43OTcyNCA3LjcwMDQ2IDYuODg4MDQgNy42MDE1OEw5Ljg2MzggNC4zNTgzM0MxMC4wNDU0IDQuMTYwNDEgMTAuMDQ1NCAzLjgzOTU4IDkuODYzOCAzLjY0MTY2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
        background-position: center;
        background-repeat: no-repeat;
        width: 10px;
        height: 8px;
        display: inline-block;
        transform: rotate(180deg);
    }

    .prev span {
        margin-left: 8px;
    }

    .next a::after, .next button::after {
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05Ljg2MzggMy42NDE2Nkw2Ljg4Nzk3IDAuMzk4NDA5QzYuNzA2NDEgMC4yMDA1MyA2LjQxMTk1IDAuMjAwNTMgNi4yMzAzOCAwLjM5ODQwOUM2LjA0ODc4IDAuNTk2MzI4IDYuMDQ4NzggMC45MTcxNjYgNi4yMzAzOCAxLjExNTA5TDguNDEyNDUgMy40OTMyNEwwLjQ2NDk3NCAzLjQ5MzI0QzAuMjA4MTk3IDMuNDkzMjQgMCAzLjcyMDE0IDAgMy45OTk5OUMwIDQuMjc5ODEgMC4yMDgxOTcgNC41MDY3NSAwLjQ2NDk3NCA0LjUwNjc1TDguNDEyNDUgNC41MDY3NUw2LjIzMDQ2IDYuODg0OUM2LjA0ODg2IDcuMDgyODIgNi4wNDg4NiA3LjQwMzY2IDYuMjMwNDYgNy42MDE1OEM2LjMyMTIyIDcuNzAwNDYgNi40NDAyNiA3Ljc1IDYuNTU5MjUgNy43NUM2LjY3ODI1IDcuNzUgNi43OTcyNCA3LjcwMDQ2IDYuODg4MDQgNy42MDE1OEw5Ljg2MzggNC4zNTgzM0MxMC4wNDU0IDQuMTYwNDEgMTAuMDQ1NCAzLjgzOTU4IDkuODYzOCAzLjY0MTY2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
        background-position: center;
        background-repeat: no-repeat;
        width: 10px;
        height: 8px;
        display: inline-block;
    }

    .next span {
        margin-right: 8px;
    }

    .prev {
        a, button {
            &.disabled::before {
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMC4xMzYyMDEgMy42NDE2NkwzLjExMjAzIDAuMzk4NDA5QzMuMjkzNTkgMC4yMDA1MyAzLjU4ODA1IDAuMjAwNTMgMy43Njk2MiAwLjM5ODQwOUMzLjk1MTIyIDAuNTk2MzI4IDMuOTUxMjIgMC45MTcxNjYgMy43Njk2MiAxLjExNTA5TDEuNTg3NTUgMy40OTMyNEw5LjUzNTAzIDMuNDkzMjRDOS43OTE4IDMuNDkzMjQgMTAgMy43MjAxNCAxMCAzLjk5OTk5QzEwIDQuMjc5ODEgOS43OTE4IDQuNTA2NzUgOS41MzUwMyA0LjUwNjc1TDEuNTg3NTUgNC41MDY3NUwzLjc2OTU0IDYuODg0OUMzLjk1MTE0IDcuMDgyODIgMy45NTExNCA3LjQwMzY2IDMuNzY5NTQgNy42MDE1OEMzLjY3ODc4IDcuNzAwNDYgMy41NTk3NCA3Ljc1IDMuNDQwNzUgNy43NUMzLjMyMTc1IDcuNzUgMy4yMDI3NiA3LjcwMDQ2IDMuMTExOTYgNy42MDE1OEwwLjEzNjIwMSA0LjM1ODMzQy0wLjA0NTM5OTcgNC4xNjA0MSAtMC4wNDUzOTk3IDMuODM5NTggMC4xMzYyMDEgMy42NDE2NloiIGZpbGw9IiM0OTUwNTciLz4NCjwvc3ZnPg==");
                transform: rotate(0deg);
            }
        }
    }

    .next {
        a, button {
            &.disabled::after {
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMC4xMzYyMDEgMy42NDE2NkwzLjExMjAzIDAuMzk4NDA5QzMuMjkzNTkgMC4yMDA1MyAzLjU4ODA1IDAuMjAwNTMgMy43Njk2MiAwLjM5ODQwOUMzLjk1MTIyIDAuNTk2MzI4IDMuOTUxMjIgMC45MTcxNjYgMy43Njk2MiAxLjExNTA5TDEuNTg3NTUgMy40OTMyNEw5LjUzNTAzIDMuNDkzMjRDOS43OTE4IDMuNDkzMjQgMTAgMy43MjAxNCAxMCAzLjk5OTk5QzEwIDQuMjc5ODEgOS43OTE4IDQuNTA2NzUgOS41MzUwMyA0LjUwNjc1TDEuNTg3NTUgNC41MDY3NUwzLjc2OTU0IDYuODg0OUMzLjk1MTE0IDcuMDgyODIgMy45NTExNCA3LjQwMzY2IDMuNzY5NTQgNy42MDE1OEMzLjY3ODc4IDcuNzAwNDYgMy41NTk3NCA3Ljc1IDMuNDQwNzUgNy43NUMzLjMyMTc1IDcuNzUgMy4yMDI3NiA3LjcwMDQ2IDMuMTExOTYgNy42MDE1OEwwLjEzNjIwMSA0LjM1ODMzQy0wLjA0NTM5OTcgNC4xNjA0MSAtMC4wNDUzOTk3IDMuODM5NTggMC4xMzYyMDEgMy42NDE2NloiIGZpbGw9IiM0OTUwNTciLz4NCjwvc3ZnPg==");
                transform: rotate(180deg);
            }
        }
    }

    button[disabled] {
        opacity: .6;

        &:hover {
            background-color: #FF8C1C !important;
        }
    }
}

.breadcrumbs {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;

    li {
        display: block;
        float: left;
        margin-right: 18px;
        display: flex;
        align-items: center;

        &::after {
            content: '';
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy42MDM5NiA1LjExNjA4TDAuMTY0MTkzIDEuNjc2MkMtMC4wNTQ3MzA0IDEuNDU3MzggLTAuMDU0NzMwNCAxLjEwMjYxIDAuMTY0MTkzIDAuODgzODk1QzAuMzgyOTIyIDAuNjY1MTY2IDAuNzM3Njc5IDAuNjY1MTY2IDAuOTU2MzkgMC44ODM4OTVMNC4wMDAwNiAzLjkyNzY2TDcuMDQzNjIgMC44ODM5ODRDNy4yNjI0NCAwLjY2NTI1NSA3LjYxNzE2IDAuNjY1MjU1IDcuODM1ODkgMC44ODM5ODRDOC4wNTQ3IDEuMTAyNzEgOC4wNTQ3IDEuNDU3NDcgNy44MzU4OSAxLjY3NjI5TDQuMzk2MDcgNS4xMTYxN0M0LjI4NjY1IDUuMjI1NTMgNC4xNDM0IDUuMjgwMTUgNC4wMDAwOCA1LjI4MDE1QzMuODU2NjggNS4yODAxNSAzLjcxMzMyIDUuMjI1NDMgMy42MDM5NiA1LjExNjA4WiIgZmlsbD0iIzIxMjQyOSIvPgo8L3N2Zz4K");
            background-repeat: no-repeat;
            background-position: center;
            width: 8px;
            height: 8px;
            transform: rotate(-90deg);
            margin-top: -2px;
            margin-left: 18px;
        }

        &:last-child {
            margin-right: 0;

            &::after {
                display: none;
            }
        }

        span {
            font-family: Montserrat;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 17px;
            color: #212429;
        }

        a {
            font-family: Montserrat;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 17px;
            color: #212429;
            text-decoration: none;

            &:hover {
                color: #FF8C1C;
            }
        }
    }
}

hr {
    background-color: #ACB5BD;
}

.accordion {
    .accordion-item {
        .accordion-button {
            font-family: Montserrat;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 18px;
            color: #212429;
            border-color: #ACB5BD;
            position: relative;
            text-align: left;

            &.collapsed {
                border-bottom-width: 1px;
                border-radius: 8px;
                padding: 23px 24px;
            }

            &:focus, &:active {
                outline: none;
                box-shadow: none;
                border-color: #ACB5BD;
            }

            &::after {
                width: 13px;
                height: 8px;
                background-size: contain;
                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjI1MjE0IDcuMjQ4MTVMMC45NzIxNTcgMS45Njc5OUMwLjYzNjExMyAxLjYzMjEgMC42MzYxMTMgMS4wODc1MyAwLjk3MjE1NyAwLjc1MTgxQzEuMzA3OSAwLjQxNjA2MyAxLjg1MjQ1IDAuNDE2MDYzIDIuMTg4MTcgMC43NTE4MUw2Ljg2MDE1IDUuNDIzOTRMMTEuNTMyIDAuNzUxOTQ1QzExLjg2NzkgMC40MTYxOTkgMTIuNDEyMyAwLjQxNjE5OSAxMi43NDgxIDAuNzUxOTQ1QzEzLjA4NCAxLjA4NzY5IDEzLjA4NCAxLjYzMjI0IDEyLjc0ODEgMS45NjgxMkw3LjQ2ODAyIDcuMjQ4MjlDNy4zMDAwNyA3LjQxNjE2IDcuMDgwMTggNy41IDYuODYwMTggNy41QzYuNjQwMDcgNy41IDYuNDIwMDIgNy40MTYgNi4yNTIxNCA3LjI0ODE1WiIgZmlsbD0iIzIxMjQyOSIvPgo8L3N2Zz4K");
            }

            &:not(.collapsed) {
                background: #FFFFFF;
                color: #FF8C1C;
                border: 1px solid #FF8C1C;
                box-sizing: border-box;
                border-radius: 8px;
                padding: 23px 24px;

                &::after {
                    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjI1MjE0IDcuMjQ4MTVMMC45NzIxNTcgMS45Njc5OUMwLjYzNjExMyAxLjYzMjEgMC42MzYxMTMgMS4wODc1MyAwLjk3MjE1NyAwLjc1MTgxQzEuMzA3OSAwLjQxNjA2MyAxLjg1MjQ1IDAuNDE2MDYzIDIuMTg4MTcgMC43NTE4MUw2Ljg2MDE1IDUuNDIzOTRMMTEuNTMyIDAuNzUxOTQ1QzExLjg2NzkgMC40MTYxOTkgMTIuNDEyMyAwLjQxNjE5OSAxMi43NDgxIDAuNzUxOTQ1QzEzLjA4NCAxLjA4NzY5IDEzLjA4NCAxLjYzMjI0IDEyLjc0ODEgMS45NjgxMkw3LjQ2ODAyIDcuMjQ4MjlDNy4zMDAwNyA3LjQxNjE2IDcuMDgwMTggNy41IDYuODYwMTggNy41QzYuNjQwMDcgNy41IDYuNDIwMDIgNy40MTYgNi4yNTIxNCA3LjI0ODE1WiIgZmlsbD0iI0ZGOEMxQyIvPgo8L3N2Zz4K");
                }
            }
        }

        .accordion-collapse {
            border-width: 0 1px 1px;
            border-color: #ACB5BD;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            position: relative;
            background-color: transparent;
            margin-top: -4px;
            transition: margin .2s, height .35s ease;

            &.collapsing {
                margin-top: 0;
            }
        }
    }

    & + .accordion {
        margin-top: 16px;
    }
}

.progress-bar {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

/* Icons */
.icon {
    display: flex;
    align-items: center;
    color: #495057;

    a {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        color: #495057;
        text-decoration: none;

        &:hover {
            color: #FF8C1C;
        }

        &.text-orange {
            color: #FF8C1C;

            &:hover {
                color: #E07207;
            }
        }
    }

    &::after {
        margin-left: 8px;
        display: flex;
    }

    &::before {
        margin-right: 8px;
        display: flex;
    }

    &.icon-play::before {
        content: '';
        margin-right: 8px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cg%3E%3Cpath d='m417.249 350.751h-253.857v-189.502h253.857c52.33 0 94.751 42.421 94.751 94.751 0 52.33-42.421 94.751-94.751 94.751z' fill='%23f16522'/%3E%3Cpath d='m417.249 161.249h-30.905c52.329 0 94.751 42.421 94.751 94.751 0 52.33-42.422 94.751-94.751 94.751h30.905c52.329 0 94.751-42.421 94.751-94.751 0-52.33-42.422-94.751-94.751-94.751z' fill='%23f16522'/%3E%3Cg fill='%23fff'%3E%3Cpath d='m303.605 282.447c-.015 0-.029 0-.044 0-5.617.031-11.651.054-16.203.057v-60.734c0-4.268-3.459-7.726-7.726-7.726-4.268 0-7.726 3.459-7.726 7.726v68.403c0 3.764 2.711 6.979 6.421 7.615.556.096 17.5.155 25.322.112 4.267-.024 7.707-3.502 7.683-7.77-.026-4.253-3.48-7.683-7.727-7.683z'/%3E%3Cpath d='m330.338 214.043c-4.268 0-7.726 3.459-7.726 7.726v68.461c0 4.268 3.459 7.726 7.726 7.726 4.268 0 7.726-3.459 7.726-7.726v-68.46c0-4.268-3.458-7.727-7.726-7.727z'/%3E%3Cpath d='m461.069 282.192h-20.857v-18.466h18.749c4.268 0 7.726-3.459 7.726-7.726s-3.459-7.726-7.726-7.726h-18.749v-18.466h20.857c4.268 0 7.726-3.459 7.726-7.726 0-4.268-3.459-7.726-7.726-7.726h-28.584c-4.268 0-7.726 3.459-7.726 7.726v67.837c0 4.268 3.459 7.726 7.726 7.726h28.584c4.268 0 7.726-3.459 7.726-7.726s-3.458-7.727-7.726-7.727z'/%3E%3Cpath d='m408.187 214.563c-4.046-1.346-8.423.845-9.768 4.896l-16.613 50.007-17.436-50.23c-1.398-4.032-5.803-6.17-9.832-4.766-4.031 1.398-6.165 5.801-4.766 9.832l23.426 67.49c1.314 3.694 4.819 6.165 8.735 6.165.022 0 .043 0 .065-.001 3.942-.027 7.444-2.553 8.73-6.338l22.353-67.288c1.349-4.048-.845-8.422-4.894-9.767z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Ccircle cx='120.466' cy='256' fill='%23f16522' r='120.466'/%3E%3Cpath d='m120.466 135.534c-5.235 0-10.392.337-15.453.988 59.155 7.608 105.014 58.288 105.014 119.478s-45.86 111.87-105.014 119.478c5.061.651 10.218.988 15.453.988 66.425 0 120.467-54.04 120.467-120.466 0-66.425-54.041-120.466-120.467-120.466z' fill='%23f16522'/%3E%3Cellipse cx='120.467' cy='256' fill='%23fff' rx='89.56' ry='89.561' transform='matrix(.16 -.987 .987 .16 -151.524 333.905)'/%3E%3Cpath d='m95.54 291.375v-70.751c0-7.166 8.153-11.282 13.92-7.028l47.945 35.375c4.731 3.491 4.731 10.565 0 14.056l-47.945 35.375c-5.767 4.256-13.92.139-13.92-7.027z' fill='%23f16522'/%3E%3Cpath d='m157.404 248.972-47.945-35.375c-5.766-4.254-13.92-.138-13.92 7.028v5.505c20.109 14.837 20.109 44.904 0 59.741v5.505c0 7.166 8.153 11.282 13.92 7.028l47.945-35.375c4.731-3.492 4.731-10.566 0-14.057z' fill='%23f16522'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        // background-image: url("data:image/svg+xml,%3Csvg width='50px' height='50px' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17-7.6 17-17 17zm0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15z'/%3E%3Cpath d='M20 33.7V16.3L35 25l-15 8.7zm2-14v10.5l9-5.3-9-5.2z'/%3E%3C/svg%3E");
        min-width: 50px;
        height: 50px;
    }

    &.check-danger::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzk2NjQgNi42OTYxN0w2LjIwMjY0IDEwLjI5MDIiIHN0cm9rZT0iI0VFM0YzRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS43OTc2OCAxMC4yOTIzTDYuMjAwNjggNi42OTQ1OCIgc3Ryb2tlPSIjRUUzRjNGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMjUxIDEuNTYyNjJINC43NDkyNEMyLjQ4MzQ5IDEuNTYyNjIgMS4wNjI5OSAzLjE2Njg3IDEuMDYyOTkgNS40MzcxMlYxMS41NjMxQzEuMDYyOTkgMTMuODMzNCAyLjQ3Njc0IDE1LjQzNzYgNC43NDkyNCAxNS40Mzc2SDExLjI1MDJDMTMuNTIzNSAxNS40Mzc2IDE0LjkzOCAxMy44MzM0IDE0LjkzOCAxMS41NjMxVjUuNDM3MTJDMTQuOTM4IDMuMTY2ODcgMTMuNTIzNSAxLjU2MjYyIDExLjI1MSAxLjU2MjYyWiIgc3Ryb2tlPSIjRUUzRjNGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        width: 18px;
        height: 18px;
    }

    &.check-success::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNTEgMS4wNjI2Mkg0Ljc0OTI0QzIuNDgzNDkgMS4wNjI2MiAxLjA2Mjk5IDIuNjY2ODcgMS4wNjI5OSA0LjkzNzEyVjExLjA2MzFDMS4wNjI5OSAxMy4zMzM0IDIuNDc2NzQgMTQuOTM3NiA0Ljc0OTI0IDE0LjkzNzZIMTEuMjUwMkMxMy41MjM1IDE0LjkzNzYgMTQuOTM4IDEzLjMzMzQgMTQuOTM4IDExLjA2MzFWNC45MzcxMkMxNC45MzggMi42NjY4NyAxMy41MjM1IDEuMDYyNjIgMTEuMjUxIDEuMDYyNjJaIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUuMzMwMDggOC4wMDAwOUw3LjExMDU4IDkuNzc5ODRMMTAuNjcwMSA2LjIyMDM0IiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
        width: 18px;
        height: 18px;
    }

    &.icon-people::before {
        content: '';
        margin-right: 8px;
        width: 17px;
        height: 17px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjE5NiA2LjY5ODhDMTQuMzk3OCA2LjY5ODggMTUuMzcyNyA1LjcyNDYxIDE1LjM3MjcgNC41MjI4NkMxNS4zNzI3IDMuMzIxMTEgMTQuMzk3OCAyLjM0NjkyIDEzLjE5NiAyLjM0NjkyIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjE5NjggOS4wNjM0OEMxNC41NTU3IDkuMDg4MjMgMTQuOTEyNSA5LjEzOTEgMTUuMjYzOCA5LjIxODE2QzE1Ljc1MTkgOS4zMTM3MyAxNi4zMzkgOS41MTM3OSAxNi41NDggOS45NTE3M0MxNi42ODE0IDEwLjIzMjIgMTYuNjgxNCAxMC41NTg4IDE2LjU0OCAxMC44NEMxNi4zMzk3IDExLjI3NzkgMTUuNzUxOSAxMS40NzczIDE1LjI2MzggMTEuNTc3NyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik00LjcxNzQgNi42OTg4QzMuNTE1NjUgNi42OTg4IDIuNTQwNzcgNS43MjQ2MSAyLjU0MDc3IDQuNTIyODZDMi41NDA3NyAzLjMyMTExIDMuNTE1NjUgMi4zNDY5MiA0LjcxNzQgMi4zNDY5MiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjcxNjczIDkuMDYzNDhDMy4zNTc4NiA5LjA4ODIzIDMuMDAxMDUgOS4xMzkxIDIuNjQ5NzMgOS4yMTgxNkMyLjE2MTYxIDkuMzEzNzMgMS41NzQ0OCA5LjUxMzc5IDEuMzY2MTcgOS45NTE3M0MxLjIzMjExIDEwLjIzMjIgMS4yMzIxMSAxMC41NTg4IDEuMzY2MTcgMTAuODRDMS41NzM4IDExLjI3NzkgMi4xNjE2MSAxMS40NzczIDIuNjQ5NzMgMTEuNTc3NyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45NTMyNCA5LjUzMjIzQzExLjM4ODQgOS41MzIyMyAxMy40Njg3IDkuOTAwNzMgMTMuNDY4NyAxMS4zNzU0QzEzLjQ2ODcgMTIuODQ5NCAxMS40MDIxIDEzLjIzMTcgOC45NTMyNCAxMy4yMzE3QzYuNTE3NDMgMTMuMjMxNyA0LjQzNzc0IDEyLjg2MzIgNC40Mzc3NCAxMS4zODg1QzQuNDM3NzQgOS45MTM3OSA2LjUwNDM3IDkuNTMyMjMgOC45NTMyNCA5LjUzMjIzWiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45NTMyNiA3LjQyODY5QzcuMzQ3MjYgNy40Mjg2OSA2LjA1OTU3IDYuMTQxIDYuMDU5NTcgNC41MzQzMUM2LjA1OTU3IDIuOTI4MzEgNy4zNDcyNiAxLjY0MDYyIDguOTUzMjYgMS42NDA2MkMxMC41NTkzIDEuNjQwNjIgMTEuODQ2OSAyLjkyODMxIDExLjg0NjkgNC41MzQzMUMxMS44NDY5IDYuMTQxIDEwLjU1OTMgNy40Mjg2OSA4Ljk1MzI2IDcuNDI4NjlaIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    }

    &.icon-edit::after {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNTc2OTkgMi4zMjQyMkg2LjQ2MTE2QzMuODk4NjYgMi4zMjQyMiAyLjI5MTk5IDQuMTM4MzkgMi4yOTE5OSA2LjcwNjcyVjEzLjYzNTFDMi4yOTE5OSAxNi4yMDM0IDMuODkxMTYgMTguMDE3NiA2LjQ2MTE2IDE4LjAxNzZIMTMuODE0NUMxNi4zODUzIDE4LjAxNzYgMTcuOTg0NSAxNi4yMDM0IDE3Ljk4NDUgMTMuNjM1MVYxMC4yNzg0IiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjM1NjUyIDkuMTAwNzRMMTMuNTg0IDIuODczMjRDMTQuMzU5OSAyLjA5ODI0IDE1LjYxNzQgMi4wOTgyNCAxNi4zOTMyIDIuODczMjRMMTcuNDA3NCAzLjg4NzQxQzE4LjE4MzIgNC42NjMyNCAxOC4xODMyIDUuOTIxNTggMTcuNDA3NCA2LjY5NjU4TDExLjE0OTkgMTIuOTU0MUMxMC44MTA3IDEzLjI5MzIgMTAuMzUwNyAxMy40ODQxIDkuODcwNjkgMTMuNDg0MUg2Ljc0OTAyTDYuODI3MzYgMTAuMzM0MUM2LjgzOTAyIDkuODcwNzQgNy4wMjgxOSA5LjQyOTA4IDcuMzU2NTIgOS4xMDA3NFoiIHN0cm9rZT0iI0ZGOEMxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNjM3NyAzLjgzNTQ1TDE2LjQ0MjcgNy42NDA0NSIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        width: 20px;
        height: 20px;
    }

    &.icon-close-square::before{
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjc5NjYgNy42OTU4TDcuMjAyNjQgMTEuMjg5OCIgc3Ryb2tlPSIjRUUzRjNGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMC43OTc3IDExLjI5MjFMNy4yMDA2OCA3LjY5NDM0IiBzdHJva2U9IiNFRTNGM0YiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yNTEgMi41NjI1SDUuNzQ5MjRDMy40ODM0OSAyLjU2MjUgMi4wNjI5OSA0LjE2Njc1IDIuMDYyOTkgNi40MzdWMTIuNTYzQzIuMDYyOTkgMTQuODMzMiAzLjQ3Njc0IDE2LjQzNzUgNS43NDkyNCAxNi40Mzc1SDEyLjI1MDJDMTQuNTIzNSAxNi40Mzc1IDE1LjkzOCAxNC44MzMyIDE1LjkzOCAxMi41NjNWNi40MzdDMTUuOTM4IDQuMTY2NzUgMTQuNTIzNSAyLjU2MjUgMTIuMjUxIDIuNTYyNVoiIHN0cm9rZT0iI0VFM0YzRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
        width: 18px;
        height: 18px;
    }

    &.icon-document::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjc4NzEgMTIuNjY3NUg2LjM3MjA3IiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjc4NzEgOS41Mjc4M0g2LjM3MjA3IiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTguNDM4MzIgNi4zOTUwMkg2LjM3MjA3IiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS45MzE1IDIuNTYyNUMxMS45MzE1IDIuNTYyNSA2LjE3Mzc0IDIuNTY1NSA2LjE2NDc0IDIuNTY1NUM0LjA5NDc0IDIuNTc4MjUgMi44MTI5OSAzLjk0MDI1IDIuODEyOTkgNi4wMTc3NVYxMi45MTQ4QzIuODEyOTkgMTUuMDAyOCA0LjEwNDQ5IDE2LjM3IDYuMTkyNDkgMTYuMzdDNi4xOTI0OSAxNi4zNyAxMS45NDk1IDE2LjM2NzcgMTEuOTU5MiAxNi4zNjc3QzE0LjAyOTIgMTYuMzU1IDE1LjMxMTcgMTQuOTkyMyAxNS4zMTE3IDEyLjkxNDhWNi4wMTc3NUMxNS4zMTE3IDMuOTI5NzUgMTQuMDE5NSAyLjU2MjUgMTEuOTMxNSAyLjU2MjVaIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
        width: 18px;
        height: 18px;
    }

    &.icon-phone::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI0Mjc1IDIuNjU0NEMxLjQ3OTk5IDIuMjYxNTkgMi43ODcxMiAwLjgzMjgyNCAzLjcxOTkxIDAuODc1OTU2QzMuOTk4NzUgMC44OTkwNjMgNC4yNDUyMyAxLjA2Nzc0IDQuNDQ1NSAxLjI2MzM4QzQuOTA1MzUgMS43MTI0MiA2LjIyMTcyIDMuNDEwNzYgNi4yOTY0NCAzLjc2ODE0QzYuNDc4MjIgNC42NDQ2NiA1LjQzMzc1IDUuMTQ5OTMgNS43NTM0IDYuMDMzMzdDNi41NjgzNCA4LjAyNzQ4IDcuOTcyNTMgOS40MzE2IDkuOTY3NTEgMTAuMjQ1N0MxMC44NTAyIDEwLjU2NTQgMTEuMzU1NSA5LjUyMDk0IDEyLjIzMjEgOS43MDM0OUMxMi41ODg3IDkuNzc4MiAxNC4yODc5IDExLjA5NDUgMTQuNzM3IDExLjU1NDNDMTQuOTMxOSAxMS43NTM4IDE1LjEwMTMgMTIuMDAxMSAxNS4xMjQ0IDEyLjI3OTlDMTUuMTU5MSAxMy4yNjE5IDEzLjY0MTcgMTQuNTg3NSAxMy4zNDU5IDE0Ljc1NjlDMTIuNjQ4IDE1LjI1NiAxMS43Mzc2IDE1LjI0NzYgMTAuNjI3NiAxNC43MzE1QzcuNTMwNCAxMy40NDI5IDIuNTgwNjkgOC41ODY2NiAxLjI2ODE3IDUuMzcyNTJDMC43NjU5NTYgNC4yNjg3OSAwLjczMTI5NSAzLjM1MjIyIDEuMjQyNzUgMi42NTQ0WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    }

    &.icon-link-new::before {
        content: '';
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23200E32' d='M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.122-2.121z'/%3E%3Cpath fill='%23200E32' d='m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0z'/%3E%3C/svg%3E");
        min-width: 24px;
        height: 24px;
        display: flex;
        margin-right: 8px;
    }

    &.icon-phone-new::before {
        content: '';
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.47548 2.00361L6.44703 2.00173C5.13019 1.94046 3.2719 3.52383 2.58526 4.66906C1.83186 5.69814 1.81737 7.06475 2.47529 8.6455L2.57901 8.8842C4.31265 13.1537 10.818 19.6509 15.0709 21.4297C16.6981 22.191 18.1483 22.2049 19.291 21.3821C20.2956 20.8078 21.9431 18.8968 21.8955 17.5396C21.8503 16.9812 21.5907 16.5254 21.1875 16.1104L21.0891 16.0127L20.8152 15.7594C19.8234 14.8725 18.1062 13.6098 17.5751 13.4982C16.9515 13.3682 16.5286 13.4846 15.8616 13.8523L15.6132 13.9936C15.1389 14.2671 14.9693 14.3139 14.7446 14.2319C12.3717 13.2578 10.6985 11.5761 9.71791 9.16394C9.65417 8.98522 9.68569 8.82913 9.89193 8.4507L10.0006 8.25773C10.4502 7.47256 10.6009 7.02869 10.4593 6.34521L10.4343 6.25664C10.202 5.58042 8.77842 3.67254 7.98799 2.84195L7.86065 2.71312C7.44871 2.30856 6.99574 2.0484 6.47548 2.00361ZM6.36497 3.46397L6.4192 3.47438C6.5141 3.50117 6.62602 3.56689 6.75204 3.67518L6.84383 3.75911L7.01708 3.9415C7.68914 4.68353 8.99113 6.43341 9.03419 6.64265C9.07489 6.83908 9.02988 7.00325 8.81663 7.39014L8.70506 7.58738C8.23546 8.40967 8.0901 8.93988 8.35996 9.68968C9.4991 12.4936 11.4597 14.464 14.2214 15.5971C14.9336 15.8575 15.4386 15.7534 16.1539 15.3657L16.399 15.2273C16.8844 14.9466 17.0621 14.8857 17.2784 14.9308C17.4898 14.9752 19.3814 16.3949 20.0749 17.0621L20.1559 17.1426C20.3347 17.3268 20.4325 17.4985 20.443 17.6259C20.4526 17.9236 20.1545 18.483 19.6281 19.0935C19.2534 19.5281 18.7668 19.9725 18.5559 20.1198L18.5055 20.1524C17.8239 20.6389 16.9821 20.6598 15.8691 20.1855L15.6572 20.0908C11.8121 18.4818 5.76508 12.488 4.01861 8.54808L3.91511 8.30456C3.37395 7.10758 3.32905 6.2325 3.71762 5.5958L3.79554 5.47919C4.24591 4.73347 5.60316 3.55891 6.27894 3.4685L6.36497 3.46397ZM14.4217 2.24373L14.5206 2.24805C18.4504 2.68669 21.5537 5.803 21.9954 9.75343C22.0403 10.155 21.7529 10.5171 21.3535 10.5622C20.9541 10.6074 20.5939 10.3184 20.549 9.91687C20.1833 6.64586 17.6138 4.06559 14.36 3.70241C13.9605 3.65782 13.6726 3.29611 13.717 2.8945C13.7539 2.55982 14.0099 2.30305 14.3254 2.25256L14.4217 2.24373ZM14.4813 5.70096L14.5795 5.7134C16.5878 6.10696 18.1572 7.6848 18.5487 9.70396C18.6256 10.1006 18.3681 10.4848 17.9736 10.5621C17.5791 10.6394 17.197 10.3805 17.1201 9.98391C16.8421 8.54969 15.7276 7.42921 14.301 7.14966C13.9065 7.07236 13.6491 6.68817 13.726 6.29155C13.7901 5.96104 14.0661 5.7262 14.3846 5.70184L14.4813 5.70096Z' fill='%23200E32'/%3E%3C/svg%3E%0A");
        min-width: 24px;
        height: 24px;
        display: flex;
        margin-right: 8px;
    }
    
    &.icon-mail::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjk1MDkgNS43OTU5TDkuNzUxODYgOC4zNzE2QzkuMTQ2NDUgOC44NDYyNiA4LjI5Nzc4IDguODQ2MjYgNy42OTIzNyA4LjM3MTZMNC40NjU4MiA1Ljc5NTkiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMTY1OSAxLjYyNUgxMi4yMzY4QzEzLjI1NjQgMS42MzY0NCAxNC4yMjY4IDIuMDY3NDUgMTQuOTIyIDIuODE3NjVDMTUuNjE3MiAzLjU2Nzg2IDE1Ljk3NjYgNC41NzE3NyAxNS45MTY1IDUuNTk1NTlWMTAuNDkxNUMxNS45NzY2IDExLjUxNTMgMTUuNjE3MiAxMi41MTkyIDE0LjkyMiAxMy4yNjk0QzE0LjIyNjggMTQuMDE5NiAxMy4yNTY0IDE0LjQ1MDYgMTIuMjM2OCAxNC40NjIxSDUuMTY1OUMyLjk3NTk3IDE0LjQ2MjEgMS41IDEyLjY4MDUgMS41IDEwLjQ5MTVWNS41OTU1OUMxLjUgMy40MDY1OSAyLjk3NTk3IDEuNjI1IDUuMTY1OSAxLjYyNVoiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    }
    
    &.icon-location::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE3OTIgNi43OTM0OUMxLjE5IDMuNjEzMDUgMy43NzcwMiAxLjA0MzU1IDYuOTU3NDYgMS4wNTQzNkMxMC4xMzc5IDEuMDY1MTYgMTIuNzA3NCAzLjY1MjE4IDEyLjY5NjYgNi44MzI2MlY2Ljg5NzgzQzEyLjY1NzUgOC45NjUyMiAxMS41MDMxIDEwLjg3NjEgMTAuMDg3OSAxMi4zNjk2QzkuMjc4NTMgMTMuMjEgOC4zNzQ3IDEzLjk1NDEgNy4zOTQ0MiAxNC41ODdDNy4xMzIzIDE0LjgxMzcgNi43NDM0OSAxNC44MTM3IDYuNDgxMzcgMTQuNTg3QzUuMDIgMTMuNjM1OCAzLjczNzQgMTIuNDM0OSAyLjY5MjI0IDExLjAzOTFDMS43NjA3MSA5LjgyMjA1IDEuMjMxODIgOC4zNDQ4MSAxLjE3OTIgNi44MTMwNUwxLjE3OTIgNi43OTM0OVoiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8ZWxsaXBzZSBjeD0iNi45Mzc5NCIgY3k9IjYuOTA0MzciIHJ4PSIxLjg0NTY1IiByeT0iMS44NDU2NSIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        width: 18px;
        height: 18px;
    }

    &.icon-print::after {
        content: url("data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.1444 6.75424V4.22757C12.1444 2.4909 10.7369 1.0834 9.00111 1.0834C7.26444 1.0759 5.85027 2.47674 5.84277 4.2134V4.22757V6.75424' stroke='rgba(255,140,28,1)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9518 16.5003H5.04815C3.08808 16.5003 1.5 14.9128 1.5 12.9545V8.35784C1.5 6.39951 3.08808 4.81201 5.04815 4.81201H12.9518C14.9119 4.81201 16.5 6.39951 16.5 8.35784V12.9545C16.5 14.9128 14.9119 16.5003 12.9518 16.5003Z' stroke='rgba(255,140,28,1)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
        width: 18px;
        height: 18px;
    }

    &.icon-download::after {
        content: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5' stroke='rgba(255,140,28,1)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.83301 8.33337L9.99967 12.5L14.1663 8.33337' stroke='rgba(255,140,28,1)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10 12.5V2.5' stroke='rgba(255,140,28,1)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    }

    &.icon-status-orange::before {
        content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99219 11.8465V8.53223' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.99234 6.15332H8.99984' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2505 2.0625H5.74875C3.483 2.0625 2.0625 3.66675 2.0625 5.937V12.063C2.0625 14.3332 3.47625 15.9375 5.74875 15.9375H12.2498C14.523 15.9375 15.9375 14.3332 15.9375 12.063V5.937C15.9375 3.66675 14.523 2.0625 12.2505 2.0625Z' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    &.icon-status-success::before {
        content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99219 11.8465V8.53223' stroke='%234BC374' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.99234 6.15332H8.99984' stroke='%234BC374' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2505 2.0625H5.74875C3.483 2.0625 2.0625 3.66675 2.0625 5.937V12.063C2.0625 14.3332 3.47625 15.9375 5.74875 15.9375H12.2498C14.523 15.9375 15.9375 14.3332 15.9375 12.063V5.937C15.9375 3.66675 14.523 2.0625 12.2505 2.0625Z' stroke='%234BC374' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    &.icon-status-danger::before {
        content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99219 11.8465V8.53223' stroke='%23EE3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.99234 6.15332H8.99984' stroke='%23EE3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2505 2.0625H5.74875C3.483 2.0625 2.0625 3.66675 2.0625 5.937V12.063C2.0625 14.3332 3.47625 15.9375 5.74875 15.9375H12.2498C14.523 15.9375 15.9375 14.3332 15.9375 12.063V5.937C15.9375 3.66675 14.523 2.0625 12.2505 2.0625Z' stroke='%23EE3F3F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    &.icon-status::before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTkyMTkgMTEuODQ2NVY4LjUzMjIzIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTguOTkyMzQgNi4xNTMzMkg4Ljk5OTg0IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yNTA1IDIuMDYyNUg1Ljc0ODc1QzMuNDgzIDIuMDYyNSAyLjA2MjUgMy42NjY3NSAyLjA2MjUgNS45MzdWMTIuMDYzQzIuMDYyNSAxNC4zMzMyIDMuNDc2MjUgMTUuOTM3NSA1Ljc0ODc1IDE1LjkzNzVIMTIuMjQ5OEMxNC41MjMgMTUuOTM3NSAxNS45Mzc1IDE0LjMzMzIgMTUuOTM3NSAxMi4wNjNWNS45MzdDMTUuOTM3NSAzLjY2Njc1IDE0LjUyMyAyLjA2MjUgMTIuMjUwNSAyLjA2MjVaIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    &.profile::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjAwMzIyIDJDNi44MDI3IDIgNS4wMTg4MyAzLjc5MTQ4IDUuMDE4ODMgNi4wMDEzOEM1LjAxODgzIDguMjExMjggNi44MDI3IDEwLjAwMjggOS4wMDMyMiAxMC4wMDI4QzExLjIwMzcgMTAuMDAyOCAxMi45ODc2IDguMjExMjggMTIuOTg3NiA2LjAwMTM4QzEyLjk4NzYgMy43OTE0OCAxMS4yMDM3IDIgOS4wMDMyMiAyWk05LjAwMzIyIDMuMDg1NzVDMTAuNjA2NiAzLjA4NTc1IDExLjkwNjUgNC4zOTExMiAxMS45MDY1IDYuMDAxMzhDMTEuOTA2NSA3LjYxMTY0IDEwLjYwNjYgOC45MTcwMSA5LjAwMzIyIDguOTE3MDFDNy4zOTk4IDguOTE3MDEgNi4wOTk5NyA3LjYxMTY0IDYuMDk5OTcgNi4wMDEzOEM2LjA5OTk3IDQuMzkxMTIgNy4zOTk4IDMuMDg1NzUgOS4wMDMyMiAzLjA4NTc1Wk03LjM3MjU0IDExLjYxNTdDNi43ODkyNSAxMS42NTYyIDYuMTk5NjYgMTEuNzM5NCA1LjYxODEgMTEuODY0MUM0LjQ5NTYzIDEyLjA5NTMgMy41OTc2NCAxMi41NTcyIDMuMjE1NDMgMTMuMzI0OUMzLjA3MTI3IDEzLjYyNTEgMi45OTg3OSAxMy45NDY2IDMuMDAwMDIgMTQuMjcyQzIuOTk5NTggMTQuNTk1MSAzLjA3MTQ3IDE0LjkxNyAzLjIxMDQ2IDE1LjIxMTVDMy41Nzc0NiAxNS45NzAzIDQuMzcwODUgMTYuMzk5NyA1LjQ0MjE4IDE2LjYzNzhMNS42MzQwOSAxNi42Nzc4QzYuMTk5ODYgMTYuODA1NSA2Ljc4OTYzIDE2Ljg5MTQgNy4zODMzNSAxNi45MzE4QzcuNDMzOTIgMTYuOTQ2NiA3LjU1NDQzIDE2Ljk2MDQgNy42ODU5NyAxNi45NjcxTDcuNzk0MTYgMTYuOTcxMkM3Ljg0OTggMTYuOTcyNCA3LjkxMjkzIDE2Ljk3MjggOC4wMDcgMTYuOTcyOEM4Ljg2MDM4IDE3LjAxOTcgOS43NDUwNyAxNy4wMDYgMTAuNjI1NiAxNi45MzExQzExLjA5NDkgMTYuODk5IDExLjU2NzMgMTYuODM3NiAxMi4wMzU4IDE2Ljc0NzdMMTIuMzg2MyAxNi42NzQ5QzEzLjU0MzIgMTYuNDQ2NyAxNC40MDk0IDE2LjAxMjcgMTQuNzg4OSAxNS4yMTIzQzE1LjA3MDMgMTQuNjE4MSAxNS4wNzAzIDEzLjkyODUgMTQuNzg5MSAxMy4zMzQ2QzE0LjQxMDUgMTIuNTM2MiAxMy41NTUzIDEyLjEwNTggMTIuMzc3NSAxMS44NjMyQzExLjkxNTUgMTEuNzY0NSAxMS40NDU5IDExLjY5MTUgMTAuOTczIDExLjY0NDlMMTAuNjI3MyAxMS42MTU3QzkuNTQ0NDUgMTEuNTIwMSA4LjQ1NTM3IDExLjUyMDEgNy4zNzI1NCAxMS42MTU3Wk0xMC41MzI3IDEyLjY5NzNMMTAuNTQyMiAxMi42OThDMTEuMDg0OSAxMi43MzYyIDExLjYyNDMgMTIuODEyNCAxMi4xNTY1IDEyLjkyNkMxMy4wMzEzIDEzLjEwNjIgMTMuNjI1IDEzLjQwNSAxMy44MTI4IDEzLjgwMTFDMTMuOTU0MiAxNC4wOTk4IDEzLjk1NDIgMTQuNDQ2OCAxMy44MTI3IDE0Ljc0NThDMTMuNjM3MiAxNS4xMTU5IDEzLjEwNCAxNS40MDE4IDEyLjMzMzQgMTUuNTc2NkwxMi4xNjQ2IDE1LjYxMjNDMTEuNjIyIDE1LjczMzQgMTEuMDg0NCAxNS44MTE0IDEwLjU0MzIgMTUuODQ4NUM5LjcwMzQ1IDE1LjkxOTkgOC44Njg3MSAxNS45MzI4IDguMDM2MDcgMTUuODg3OEw3Ljc0MDg3IDE1Ljg4MjhDNy42NTg5MiAxNS44Nzg2IDcuNTg5ODYgMTUuODcwNyA3LjUyNTg1IDE1Ljg1NzhDNy4wMTkwNCAxNS44MTk2IDYuNTYyOTkgMTUuNzU5IDYuMTIwMiAxNS42NzEzTDUuODU1ODEgMTUuNjE1M0M0Ljk3ODI4IDE1LjQ0MzMgNC4zNzkzNiAxNS4xNDMyIDQuMTg1MTggMTQuNzQxN0M0LjExNzIzIDE0LjU5NzcgNC4wODA5MyAxNC40MzUyIDQuMDgxMTUgMTQuMjcwN0M0LjA4MDU0IDE0LjEwNzEgNC4xMTYzNiAxMy45NDgzIDQuMTg1ODggMTMuODAzNEM0LjM3NDY5IDEzLjQyNDMgNS4wMDkzOSAxMy4wOTc4IDUuODM5NTQgMTIuOTI2OEM2LjM3NTU1IDEyLjgxMTkgNi45MTQ3MSAxMi43MzU4IDcuNDU3MiAxMi42OThDOC40ODcwMiAxMi42MDczIDkuNTEyNzkgMTIuNjA3MyAxMC41MzI3IDEyLjY5NzNaIiBmaWxsPSIjNDk1MDU3Ii8+Cjwvc3ZnPgo=");
        width: 18px;
        height: 18px;
    }

    &.file-before::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4wNTI3IDIuMDcxNDFINi4wNjNDNC41MTg3NSAyLjA3MTQxIDMuMTg3NSAzLjMyMzE2IDMuMTg3NSA0Ljg2ODE2VjEyLjkwMjlDMy4xODc1IDE0LjUzNDkgNC40MzE3NSAxNS44MzYyIDYuMDYzIDE1LjgzNjJIMTIuMDU0N0MxMy41OTk3IDE1LjgzNjIgMTQuODUxNSAxNC40NDg3IDE0Ljg1MTUgMTIuOTAyOVY2LjAyODQxTDExLjA1MjcgMi4wNzE0MVoiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuODU1NSAyLjA2MjYyVjQuMjQ0MzdDMTAuODU1NSA1LjMwOTM3IDExLjcxNzIgNi4xNzMzNyAxMi43ODE1IDYuMTc1NjJDMTMuNzY5MiA2LjE3Nzg3IDE0Ljc3OTUgNi4xNzg2MiAxNC44NDc3IDYuMTc0MTIiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuNzEyOCAxMS42NjgzSDYuNjY1MDQiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4xODIwNCA3Ljk1NDIySDYuNjY1MDQiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
        width: 18px;
        height: 18px;
    }

    &.status-before::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yNTA1IDIuMDYyNjJINS43NDg3NUMzLjQ4MyAyLjA2MjYyIDIuMDYyNSAzLjY2Njg3IDIuMDYyNSA1LjkzNzEyVjEyLjA2MzFDMi4wNjI1IDE0LjMzMzQgMy40NzYyNSAxNS45Mzc2IDUuNzQ4NzUgMTUuOTM3NkgxMi4yNDk4QzE0LjUyMyAxNS45Mzc2IDE1LjkzNzUgMTQuMzMzNCAxNS45Mzc1IDEyLjA2MzFWNS45MzcxMkMxNS45Mzc1IDMuNjY2ODcgMTQuNTIzIDIuMDYyNjIgMTIuMjUwNSAyLjA2MjYyWiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02LjMzMDA4IDkuMDAwMDlMOC4xMTA1OCAxMC43Nzk4TDExLjY3MDEgNy4yMjAzNCIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        width: 18px;
        height: 18px;
    }

    &.calendar::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMzE5MzQgNy41NTMxSDE1LjY4NzMiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuMzMxMiAxMC40ODIzSDEyLjMzODIiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4wMDMxMSAxMC40ODIzSDkuMDEwMDUiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS42NjgxNCAxMC40ODIzSDUuNjc1MDkiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuMzMxMiAxMy4zOTcxSDEyLjMzODIiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4wMDMxMSAxMy4zOTcxSDkuMDEwMDUiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS42NjgxNCAxMy4zOTcxSDUuNjc1MDkiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuMDMyOSAyVjQuNDY4MDkiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS45NzQzNSAyVjQuNDY4MDkiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjE3ODcgMy4xODQzM0g1LjgyODIyQzMuNjI1NyAzLjE4NDMzIDIuMjUgNC40MTEyOCAyLjI1IDYuNjY2NlYxMy40NTM4QzIuMjUgMTUuNzQ0NiAzLjYyNTcgMTYuOTk5OSA1LjgyODIyIDE2Ljk5OTlIMTIuMTcxOEMxNC4zODEyIDE2Ljk5OTkgMTUuNzUgMTUuNzY1OSAxNS43NSAxMy41MTA2VjYuNjY2NkMxNS43NTY5IDQuNDExMjggMTQuMzg4MiAzLjE4NDMzIDEyLjE3ODcgMy4xODQzM1oiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
        width: 18px;
        height: 18px;
    }

    &.more-squad-orange::before {
        content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4yNTE1IDIuNTYyNzRINS43NDk3M0MzLjQ4Mzk4IDIuNTYyNzQgMi4wNjM0OCA0LjE2Njk5IDIuMDYzNDggNi40MzcyNFYxMi41NjMyQzIuMDYzNDggMTQuODMzNSAzLjQ3NjQ4IDE2LjQzNzcgNS43NDk3MyAxNi40Mzc3SDEyLjI1MDdDMTQuNTI0IDE2LjQzNzcgMTUuOTM4NSAxNC44MzM1IDE1LjkzODUgMTIuNTYzMlY2LjQzNzI0QzE1LjkzODUgNC4xNjY5OSAxNC41MjQgMi41NjI3NCAxMi4yNTE1IDIuNTYyNzRaIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUuNjQwNjkgMTAuMzk4MUM1LjE0NDk0IDEwLjM5ODEgNC43NDIxOSA5Ljk5NTMxIDQuNzQyMTkgOS41MDAzMUM0Ljc0MjE5IDkuMDA1MzEgNS4xNDQ5NCA4LjYwMTgxIDUuNjQwNjkgOC42MDE4MUM2LjEzNjQ0IDguNjAxODEgNi41MzkxOSA5LjAwNTMxIDYuNTM5MTkgOS41MDAzMUM2LjUzOTE5IDkuOTk1MzEgNi4xMzY0NCAxMC4zOTgxIDUuNjQwNjkgMTAuMzk4MVoiIGZpbGw9IiNGRjhDMUMiLz4KPHBhdGggZD0iTTkuMDAxMDQgMTAuMzk4MUM4LjUwNTI5IDEwLjM5ODEgOC4xMDI1NCA5Ljk5NTMxIDguMTAyNTQgOS41MDAzMUM4LjEwMjU0IDkuMDA1MzEgOC41MDUyOSA4LjYwMTgxIDkuMDAxMDQgOC42MDE4MUM5LjQ5Njc5IDguNjAxODEgOS44OTk1NCA5LjAwNTMxIDkuODk5NTQgOS41MDAzMUM5Ljg5OTU0IDkuOTk1MzEgOS40OTY3OSAxMC4zOTgxIDkuMDAxMDQgMTAuMzk4MVoiIGZpbGw9IiNGRjhDMUMiLz4KPHBhdGggZD0iTTEyLjM1OTQgMTAuMzk4MUMxMS44NjM3IDEwLjM5ODEgMTEuNDYwOSA5Ljk5NTMxIDExLjQ2MDkgOS41MDAzMUMxMS40NjA5IDkuMDA1MzEgMTEuODYzNyA4LjYwMTgxIDEyLjM1OTQgOC42MDE4MUMxMi44NTUyIDguNjAxODEgMTMuMjU3OSA5LjAwNTMxIDEzLjI1NzkgOS41MDAzMUMxMy4yNTc5IDkuOTk1MzEgMTIuODU1MiAxMC4zOTgxIDEyLjM1OTQgMTAuMzk4MVoiIGZpbGw9IiNGRjhDMUMiLz4KPC9zdmc+Cg==");
        width: 18px;
        height: 18px;
    }

}

.ecp-is-valid {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4xNDg4IDIuODQyODVDMTIuNDc2NSAyLjk1NzYgMTIuNjk1NSAzLjI2NjYgMTIuNjk1NSAzLjYxMzg1VjguNjkzNkMxMi42OTU1IDEwLjExMzMgMTIuMTc5NSAxMS40Njg2IDExLjI2ODMgMTIuNTE4NkMxMC44MSAxMy4wNDczIDEwLjIzMDMgMTMuNDU5MSA5LjYxNDUgMTMuNzkyMUw2Ljk0NiAxNS4yMzM2TDQuMjczIDEzLjc5MTNDMy42NTY1IDEzLjQ1ODMgMy4wNzYgMTMuMDQ3MyAyLjYxNyAxMi41MTc4QzEuNzA1IDExLjQ2NzggMS4xODc1IDEwLjExMTggMS4xODc1IDguNjkwNlYzLjYxMzg1QzEuMTg3NSAzLjI2NjYgMS40MDY1IDIuOTU3NiAxLjczNDI1IDIuODQyODVMNi42NzA3NSAxLjEwODFDNi44NDYyNSAxLjA0NjYgNy4wMzc1IDEuMDQ2NiA3LjIxMjI1IDEuMTA4MUwxMi4xNDg4IDIuODQyODVaIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQuOTkyMTkgNy45MzgyN0w2LjQxMTE5IDkuMzU4MDNMOS4zMzQ2OSA2LjQzNDUyIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.list-labeled {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;

    li {
        display: flex;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #ACB5BD;
        margin-bottom: 10px;

        span {
            color: #212429;
            margin-left: 12px;

            .label {
                min-width: 127px;
            }
        }
    }
}

.button-option {
    display: flex;
    align-items: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #495057 !important;

    &::after {
        content: '';
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC44MDY3IDYuMTIzNjFMMTguMTg0MiA1LjA0MzUyQzE3LjY1NzcgNC4xMjk2IDE2LjQ5MDcgMy44MTQzMiAxNS41NzU1IDQuMzM4NzJWNC4zMzg3MkMxNS4xMzk5IDQuNTk1MzQgMTQuNjIwMSA0LjY2ODE1IDE0LjEzMDcgNC41NDEwOUMxMy42NDEzIDQuNDE0MDIgMTMuMjIyNiA0LjA5NzUyIDEyLjk2NjggMy42NjEzN0MxMi44MDIzIDMuMzg0MTUgMTIuNzEzOSAzLjA2ODM5IDEyLjcxMDUgMi43NDYwNFYyLjc0NjA0QzEyLjcyNTQgMi4yMjkyMiAxMi41MzA0IDEuNzI4NCAxMi4xNyAxLjM1NzY3QzExLjgwOTYgMC45ODY5MzcgMTEuMzE0NSAwLjc3Nzg2MyAxMC43OTc1IDAuNzc4MDc2SDkuNTQzNUM5LjAzNjk3IDAuNzc4MDcgOC41NTEzMSAwLjk3OTkxNCA4LjE5NCAxLjMzODk1QzcuODM2NjkgMS42OTc5OCA3LjYzNzE3IDIuMTg0NTkgNy42Mzk2MSAyLjY5MTEyVjIuNjkxMTJDNy42MjQ2IDMuNzM2OTMgNi43NzI0OCA0LjU3NjgxIDUuNzI2NTcgNC41NzY3QzUuNDA0MjEgNC41NzMzNiA1LjA4ODQ2IDQuNDg0OTQgNC44MTEyMyA0LjMyMDQxVjQuMzIwNDFDMy44OTYwNiAzLjc5NjAxIDIuNzI5MTEgNC4xMTEyOSAyLjIwMjU0IDUuMDI1MjJMMS41MzQzNSA2LjEyMzYxQzEuMDA4NDEgNy4wMzYzOSAxLjMxOTQgOC4yMDI2MSAyLjIzIDguNzMyMzFWOC43MzIzMUMyLjgyMTkgOS4wNzQwNCAzLjE4NjUzIDkuNzA1NTkgMy4xODY1MyAxMC4zODkxQzMuMTg2NTMgMTEuMDcyNSAyLjgyMTkgMTEuNzA0MSAyLjIzIDEyLjA0NThWMTIuMDQ1OEMxLjMyMDU2IDEyLjU3MTkgMS4wMDkyMyAxMy43MzUzIDEuNTM0MzUgMTQuNjQ1NFYxNC42NDU0TDIuMTY1OTMgMTUuNzM0NkMyLjQxMjY1IDE2LjE3OTggMi44MjY2IDE2LjUwODMgMy4zMTYxOSAxNi42NDc0QzMuODA1NzggMTYuNzg2NiA0LjMzMDY0IDE2LjcyNDkgNC43NzQ2MiAxNi40NzZWMTYuNDc2QzUuMjExMDggMTYuMjIxMyA1LjczMTE5IDE2LjE1MTYgNi4yMTkzNCAxNi4yODIyQzYuNzA3NDkgMTYuNDEyOCA3LjEyMzI0IDE2LjczMyA3LjM3NDE2IDE3LjE3MTdDNy41Mzg3IDE3LjQ0ODkgNy42MjcxMSAxNy43NjQ2IDcuNjMwNDYgMTguMDg3VjE4LjA4N0M3LjYzMDQ2IDE5LjE0MzUgOC40ODY5NiAyMCA5LjU0MzUgMjBIMTAuNzk3NUMxMS44NTA1IDIwLjAwMDEgMTIuNzA1NSAxOS4xNDkxIDEyLjcxMDUgMTguMDk2MlYxOC4wOTYyQzEyLjcwODEgMTcuNTg4IDEyLjkwODkgMTcuMSAxMy4yNjgyIDE2Ljc0MDdDMTMuNjI3NSAxNi4zODE0IDE0LjExNTUgMTYuMTgwNyAxNC42MjM2IDE2LjE4MzFDMTQuOTQ1MiAxNi4xOTE3IDE1LjI1OTYgMTYuMjc5OCAxNS41Mzg5IDE2LjQzOTRWMTYuNDM5NEMxNi40NTE3IDE2Ljk2NTMgMTcuNjE3OSAxNi42NTQ0IDE4LjE0NzYgMTUuNzQzOFYxNS43NDM4TDE4LjgwNjcgMTQuNjQ1NEMxOS4wNjE4IDE0LjIwNzUgMTkuMTMxOCAxMy42ODYgMTkuMDAxMiAxMy4xOTY0QzE4Ljg3MDYgMTIuNzA2NyAxOC41NTAyIDEyLjI4OTQgMTguMTExIDEyLjAzNjdWMTIuMDM2N0MxNy42NzE4IDExLjc4NCAxNy4zNTE0IDExLjM2NjYgMTcuMjIwOCAxMC44NzY5QzE3LjA5MDIgMTAuMzg3MyAxNy4xNjAzIDkuODY1ODIgMTcuNDE1NCA5LjQyNzk2QzE3LjU4MTIgOS4xMzgzNCAxNy44MjE0IDguODk4MiAxOC4xMTEgOC43MzIzMVY4LjczMjMxQzE5LjAxNjEgOC4yMDI4OSAxOS4zMjY0IDcuMDQzNDkgMTguODA2NyA2LjEzMjc3VjYuMTMyNzdWNi4xMjM2MVoiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8Y2lyY2xlIGN4PSIxMC4xNzUiIGN5PSIxMC4zODkxIiByPSIyLjYzNjE2IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
        width: 20px;
        height: 21px;
        border-width: 0;
        margin-left: 8px;
    }
}

.swap {
    display: flex;
    align-items: center;

    &::before {
        content: '';
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ljg1ODYgMC4yMzAxNDhDNS41NjQ0OSAwLjAxMTA3NzIgNS4xNDYyNCAwLjAzNTQxODUgNC44Nzk3MiAwLjMwMzE3MkwwLjgwMTk0MiA0LjM5OTg0TDAuNzI5NTE4IDQuNDg0MTJDMC41MTIzNDMgNC43NzgyNCAwLjUzNzUxMiA1LjE5NDg1IDAuODA0MzkzIDUuNDYwNUwwLjg4ODY3OSA1LjUzMjkyQzEuMTgyNzkgNS43NTAxIDEuNTk5NCA1LjcyNDkzIDEuODY1MDUgNS40NTgwNUw0LjY2MTE2IDIuNjQ4NDVWMTQuNDUwNkw0LjY2ODAxIDE0LjU1MjRDNC43MTc2NyAxNC45MTg1IDUuMDMxNDcgMTUuMjAwNiA1LjQxMTE2IDE1LjIwMDZDNS44MjUzOCAxNS4yMDA2IDYuMTYxMTYgMTQuODY0OCA2LjE2MTE2IDE0LjQ1MDZWMi42NDg1OEw4Ljk1NzUgNS40NTgwNUw5LjA0MTQ1IDUuNTMwODZDOS4zMzQ1NSA1Ljc0OTM5IDkuNzUxMjcgNS43MjYxNSAxMC4wMTgyIDUuNDYwNUMxMC4zMTE3IDUuMTY4MjggMTAuMzEyOCA0LjY5MzQxIDEwLjAyMDYgNC4zOTk4NEw1Ljk0MjgzIDAuMzAzMTcyTDUuOTM3NjMgMC4yOTg2NjZDNS45MTQ3NCAwLjI3NjEwNSA1Ljg5MDQxIDAuMjU1MDA1IDUuODY0NzkgMC4yMzU1MTVMNS44NTg2IDAuMjMwMTQ4Wk0xNi4wODI4IDMuNDQ0NjJDMTYuMDMzMSAzLjA3ODU0IDE1LjcxOTMgMi43OTYzOSAxNS4zMzk2IDIuNzk2MzlDMTQuOTI1NCAyLjc5NjM5IDE0LjU4OTYgMy4xMzIxNyAxNC41ODk2IDMuNTQ2MzlWMTUuMzQ4MUwxMS43OTMzIDEyLjUzODlMMTEuNzA5MyAxMi40NjYxQzExLjQxNjIgMTIuMjQ3NiAxMC45OTk1IDEyLjI3MDggMTAuNzMyNiAxMi41MzY1QzEwLjQzOSAxMi44Mjg3IDEwLjQzNzkgMTMuMzAzNiAxMC43MzAyIDEzLjU5NzJMMTQuODA3OSAxNy42OTM4TDE0LjgxMzEgMTcuNjk4M0MxNC44MzYgMTcuNzIwOSAxNC44NjA0IDE3Ljc0MiAxNC44ODYgMTcuNzYxNUwxNC44OTIyIDE3Ljc2NjhDMTUuMTg2MyAxNy45ODU5IDE1LjYwNDUgMTcuOTYxNiAxNS44NzExIDE3LjY5MzhMMTkuOTQ4OCAxMy41OTcyTDIwLjAyMTMgMTMuNTEyOUMyMC4yMzg0IDEzLjIxODggMjAuMjEzMyAxMi44MDIxIDE5Ljk0NjQgMTIuNTM2NUMxOS42NTI4IDEyLjI0NDMgMTkuMTc3OSAxMi4yNDU0IDE4Ljg4NTcgMTIuNTM4OUwxNi4wODk2IDE1LjM0NzFWMy41NDYzOUwxNi4wODI4IDMuNDQ0NjJaIiBmaWxsPSIjMjEyNDI5Ii8+Cjwvc3ZnPgo=");
        width: 21px;
        height: 18px;
        margin-right: 8px;
    }
}

.filter-icon {
    display: flex;
    align-items: center;

    &::before {
        content: '';
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzczLjYgMzczLjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM3My42IDM3My42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZD0iTTM0My43LDBIMjkuOWMtNS41LDAtMTAuMSw0LjktMTAuMSwxMC41djY0LjJjMCwwLjMsMCwwLjYsMC4xLDFjMCwwLjEsMC4xLDAuMywwLjEsMC40YzAsMC4yLDAuMSwwLjMsMC4xLDAuNQ0KCQkJYzAsMC4yLDAuMSwwLjMsMC4xLDAuNWMwLDAuMSwwLjEsMC4zLDAuMSwwLjRjMC4xLDAuMiwwLjEsMC40LDAuMiwwLjVjMCwwLjEsMC4xLDAuMiwwLjEsMC40YzAuMSwwLjIsMC4xLDAuMywwLjIsMC41DQoJCQljMC4xLDAuMSwwLjEsMC4yLDAuMiwwLjRjMC4xLDAuMiwwLjIsMC4zLDAuMiwwLjRjMC4xLDAuMSwwLjEsMC4zLDAuMiwwLjRjMC4xLDAuMSwwLjIsMC4zLDAuMywwLjRjMC4xLDAuMSwwLjIsMC4zLDAuMywwLjQNCgkJCWMwLjEsMC4xLDAuMiwwLjIsMC4zLDAuNGMwLjEsMC4xLDAuMiwwLjEsMC4yLDAuMmwxMTQuMywxMjQuNnYxNTcuNWMwLDMuOSwyLjIsNy40LDUuNyw5LjFjMS4zLDAuNiwyLjcsMC45LDQuMiwwLjkNCgkJCWMyLjQsMCw0LjctMC44LDYuNS0yLjRsODAuMi02OC4zYzIuMi0xLjksMy41LTQuNywzLjQtNy42di04OS4yTDM1MSw4MS40YzAuMS0wLjEsMC4xLTAuMSwwLjItMC4yYzAuMS0wLjEsMC4yLTAuMiwwLjMtMC40DQoJCQljMC4xLTAuMSwwLjItMC4yLDAuMy0wLjRjMC4xLTAuMiwwLjItMC4zLDAuMy0wLjRzMC4yLTAuMywwLjItMC40YzAuMS0wLjEsMC4yLTAuMywwLjMtMC40YzAuMS0wLjEsMC4xLTAuMiwwLjItMC40DQoJCQljMC4xLTAuMiwwLjItMC4zLDAuMi0wLjVjMC0wLjEsMC4xLTAuMiwwLjEtMC40YzAuMS0wLjIsMC4xLTAuMywwLjItMC41YzAtMC4xLDAuMS0wLjMsMC4xLTAuNGMwLTAuMiwwLjEtMC4zLDAuMS0wLjUNCgkJCXMwLjEtMC4zLDAuMS0wLjVjMC0wLjEsMC4xLTAuMywwLjEtMC40YzAtMC4zLDAuMS0wLjYsMC4xLTFWMTAuNEMzNTMuOCw0LjksMzQ5LjMsMCwzNDMuNywweiBNMjE5LjUsMTk1LjYNCgkJCWMtMS43LDEuOC0yLjcsNC4xLTIuNyw2LjZ2ODguNGwtNjAsNTEuM1YyMDIuMmMwLTIuNS0xLTQuOC0yLjctNi42TDUyLjYsODVIMzIxTDIxOS41LDE5NS42eiBNMzMzLjgsNjVoLTI5NFYyMGgyOTRWNjV6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
}

.file::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43MzY4IDAuNzYxOTYzSDUuMDgzNzZDMy4wMjQ3NiAwLjc2MTk2MyAxLjI0OTc2IDIuNDMwOTYgMS4yNDk3NiA0LjQ5MDk2VjE1LjIwNEMxLjI0OTc2IDE3LjM4IDIuOTA4NzYgMTkuMTE1IDUuMDgzNzYgMTkuMTE1SDEzLjA3MjhDMTUuMTMyOCAxOS4xMTUgMTYuODAxOCAxNy4yNjUgMTYuODAxOCAxNS4yMDRWNi4wMzc5NkwxMS43MzY4IDAuNzYxOTYzWiIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS40NzQgMC43NTAyNDRWMy42NTkyNEMxMS40NzQgNS4wNzkyNCAxMi42MjMgNi4yMzEyNCAxNC4wNDIgNi4yMzQyNEMxNS4zNTkgNi4yMzcyNCAxNi43MDYgNi4yMzgyNCAxNi43OTcgNi4yMzIyNCIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS4yODQxIDEzLjU1NzlINS44ODcwOCIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05LjI0MjYgOC42MDU1OUg1Ljg4NjYiIHN0cm9rZT0iI0ZGOEMxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-flex;
}

.download-right::after,
.download::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc0OTM4IDE0LjkzNzVIMTEuMjUxMUMxMy41MTYxIDE0LjkzNzUgMTQuOTM3NCAxMy4zMzMyIDE0LjkzNzQgMTEuMDYzVjQuOTM3QzE0LjkzNzQgMi42NjY3NSAxMy41MjM2IDEuMDYyNSAxMS4yNTExIDEuMDYyNUg0Ljc0OTM4QzIuNDc2ODggMS4wNjI1IDEuMDYyMzggMi42NjY3NSAxLjA2MjM4IDQuOTM3VjExLjA2M0MxLjA2MjM4IDEzLjMzMzIgMi40NzY4OCAxNC45Mzc1IDQuNzQ5MzggMTQuOTM3NVoiIHN0cm9rZT0iI0ZGOEMxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy45OTk4OCAxMS4wNjQ1VjQuOTM1NTUiIHN0cm9rZT0iI0ZGOEMxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuODEwOCA4LjI0MTdMNy45OTk4NCAxMS4wNjQ3TDUuMTg4ODQgOC4yNDE3IiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-flex;
}

.shield::before {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4xNDg4IDIuODQyODVDMTIuNDc2NSAyLjk1NzYgMTIuNjk1NSAzLjI2NjYgMTIuNjk1NSAzLjYxMzg1VjguNjkzNkMxMi42OTU1IDEwLjExMzMgMTIuMTc5NSAxMS40Njg2IDExLjI2ODMgMTIuNTE4NkMxMC44MSAxMy4wNDczIDEwLjIzMDMgMTMuNDU5MSA5LjYxNDUgMTMuNzkyMUw2Ljk0NiAxNS4yMzM2TDQuMjczIDEzLjc5MTNDMy42NTY1IDEzLjQ1ODMgMy4wNzYgMTMuMDQ3MyAyLjYxNyAxMi41MTc4QzEuNzA1IDExLjQ2NzggMS4xODc1IDEwLjExMTggMS4xODc1IDguNjkwNlYzLjYxMzg1QzEuMTg3NSAzLjI2NjYgMS40MDY1IDIuOTU3NiAxLjczNDI1IDIuODQyODVMNi42NzA3NSAxLjEwODFDNi44NDYyNSAxLjA0NjYgNy4wMzc1IDEuMDQ2NiA3LjIxMjI1IDEuMTA4MUwxMi4xNDg4IDIuODQyODVaIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQuOTkyMTkgNy45MzgyN0w2LjQxMTE5IDkuMzU4MDNMOS4zMzQ2OSA2LjQzNDUyIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-flex;
}

.ecp-add {
    display: flex;
    align-items: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #212429;

    &:hover {
        color: #FF8C1C;
    }

    &::before {
        content: '';
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAwMDEgOC4zMjcyN1YxNS42NTM2IiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjY2NjYgMTEuOTkwNUg4LjMzMzI1IiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi42ODU3IDJINy4zMTQyOUM0LjA0NzYyIDIgMiA0LjMxMjA4IDIgNy41ODUxNlYxNi40MTQ4QzIgMTkuNjg3OSA0LjAzODEgMjIgNy4zMTQyOSAyMkgxNi42ODU3QzE5Ljk2MTkgMjIgMjIgMTkuNjg3OSAyMiAxNi40MTQ4VjcuNTg1MTZDMjIgNC4zMTIwOCAxOS45NjE5IDIgMTYuNjg1NyAyWiIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }
}

.location-after {
    position: relative;

    input {
        padding-right: 40px !important;
        cursor: pointer;
    }

    &::before {
        content: '';
        position: absolute;
        inset: 0;
    }

    &::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
        width: 18px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjAyODggNC45OTU5NWUtMDVDNC40MTk3NyAtMC4wMTU2MDgyIDAuNjU1MDk2IDMuNjUxMzUgMC41MDQ2MjggOC4yNDEzNUwwLjUgOC41MjYyNUMwLjU3NjYwOSAxMC43NzYxIDEuMzQyMDcgMTIuOTIwNyAyLjY5MDI4IDE0LjY4NzZMMy4wMDY5MiAxNS4xMDA4QzQuMjkzOCAxNi43MzcxIDUuODIzMTEgMTguMTczMyA3LjU0MDI3IDE5LjM1NzFMNy45NTM3MiAxOS42MzU0TDguMDE0MDQgMTkuNjgyOEM4LjYwMjYgMjAuMTA1NyA5LjM5NzI2IDIwLjEwNTcgOS45ODU4MSAxOS42ODI4TDEwLjAzNiAxOS42NDE1QzExLjM5ODYgMTguNzU3OSAxMi42NTUgMTcuNzE5NiAxMy43ODA1IDE2LjU0NzNDMTYuMDY4NiAxNC4xMjUyIDE3LjQ0NzcgMTEuNDExMiAxNy40OTk4IDguNjU0OThMMTcuNDk5OSA4LjU1MjY0QzE3LjUxNTUgMy45MzE5MiAxMy44NTk4IDAuMTU1NjcgOS4yODM5NiAwLjAwNDY5MDQyTDkuMDI4OCA0Ljk5NTk1ZS0wNVpNOS4wMjM2NiAxLjUxNzQ3QzEyLjgwMjIgMS41MzAzOCAxNS44NyA0LjU0OTQyIDE1Ljk4MzkgOC4zMDkxMUwxNS45ODcxIDguNjQwNjFDMTUuOTQzNCAxMC45NTE0IDE0LjczMzQgMTMuMzMyNCAxMi42ODY2IDE1LjQ5OTFDMTEuNjQyOSAxNi41ODYyIDEwLjQ3MjcgMTcuNTUyNiA5LjIwMzU2IDE4LjM3NDVMOS4xMTg5NyAxOC40MzhDOS4wNTA2MiAxOC40OTc0IDguOTQ5MjMgMTguNDk3NCA4Ljg4MDg4IDE4LjQzOEw4Ljc5ODY3IDE4LjM3NkM2LjkwNzk3IDE3LjE0MTYgNS4yNDg1NyAxNS41ODMgMy44OTYzNiAxMy43NzE3QzIuODA3MTggMTIuMzQ0MiAyLjE2MTc1IDEwLjYzNzQgMi4wMzE4NCA4Ljg1Njg5TDIuMDEyNzUgOC40OTk4NkMyLjAyNTU5IDQuNzEyMjEgNS4wMzUzMiAxLjYzNDk4IDguNzgzNDUgMS41MjA3MUw5LjAyMzY2IDEuNTE3NDdaTTguOTk5OTMgNS40MDEyOUM3LjIxMTUzIDUuNDAxMjkgNS43NjE3NiA2Ljg1NTU0IDUuNzYxNzYgOC42NDk0NkM1Ljc2MTc2IDEwLjQ0MzQgNy4yMTE1MyAxMS44OTc2IDguOTk5OTMgMTEuODk3NkMxMC43ODgzIDExLjg5NzYgMTIuMjM4MSAxMC40NDM0IDEyLjIzODEgOC42NDk0NkMxMi4yMzgxIDYuODU1NTQgMTAuNzg4MyA1LjQwMTI5IDguOTk5OTMgNS40MDEyOVpNOC45OTk5MyA2LjkxODcxQzkuOTUyODUgNi45MTg3MSAxMC43MjUzIDcuNjkzNTkgMTAuNzI1MyA4LjY0OTQ2QzEwLjcyNTMgOS42MDUzMiA5Ljk1Mjg1IDEwLjM4MDIgOC45OTk5MyAxMC4zODAyQzguMDQ3MDEgMTAuMzgwMiA3LjI3NDUxIDkuNjA1MzIgNy4yNzQ1MSA4LjY0OTQ2QzcuMjc0NTEgNy42OTM1OSA4LjA0NzAxIDYuOTE4NzEgOC45OTk5MyA2LjkxODcxWiIgZmlsbD0iI0ZGOEMxQyIvPgo8L3N2Zz4K");
    }
}

/* modal */
.modal {
    &.fade .modal-dialog {
        transform: translate(50px, 0);
    }

    &.show .modal-dialog {
        transform: none;
    }

    .modal-content {
        padding: 24px 32px;
        background: #FFFFFF;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        border-width: 0;

        .modal-header {
            padding-top: 0;
            padding-left: 0;
            padding-right: 0;
            border-bottom-width: 0;

            .modal-title {
                font-family: Montserrat Alternates;
                font-style: normal;
                font-weight: bold;
                font-size: 21px;
                line-height: 26px;
                color: #FF8C1C;
                text-transform: none;
            }

            .btn-close {
                opacity: 1;
                
                &:focus {
                    outline: none;
                    box-shadow: none;
                }
            }
        }

        .modal-body {
            padding-left: 0;
            padding-right: 0;
        }
    }
}

/* custom */
.tox-tinymce {
    border-radius: 8px !important;
}

.z-index-10 {
    z-index: 10 !important;
}

/* progressBar */
.progressBar {
    max-width: 120px;
    max-height: 120px;
    margin-right: 20px;
    position: relative;
}

/* notification */
.notification {
    position: relative;

    &:hover {
        .notification-wrapper {
            display: block;
        }

        > button {
            padding: 0;
            background-color: transparent;

            path {
                stroke: #FF8C1C;
            }
        }
    }

    .notification-wrapper {
        display: none;
        z-index: 9999;
        padding-top: 10px;
        min-width: 284px;
        max-width: 284px;
        position: absolute;
        top: 100%;
        right: 0;
        
        .notification-content {
            background: #FFFFFF;
            box-shadow: 0px 54px 54px rgba(0, 0, 0, 0.08), 0px 16.2794px 16.2794px rgba(0, 0, 0, 0.0521271), 0px 6.76164px 6.76164px rgba(0, 0, 0, 0.04), 0px 2.44555px 2.44555px rgba(0, 0, 0, 0.0278729);
            border-radius: 8px;
            overflow: hidden;

            .title {
                font-family: Montserrat;
                font-style: normal;
                font-weight: bold;
                font-size: 14px;
                line-height: 18px;
                color: #495057;
                padding: 14px;
            }

            .notification-list {
                padding: 0;
                margin: 0;
                max-height: 238px;
                overflow-y: auto;

                &::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                    background-color: #F5F5F5;
                }
        
                &::-webkit-scrollbar {
                    width: 6px;
                    background-color: #F5F5F5;
                }
        
                &::-webkit-scrollbar-thumb {
                    background-color: #FF8C1C;
                    border-radius: 6px;
                }
                
                .notification-item {
                    border-bottom: 1px solid #F5F5F6;
                    padding-bottom: 10px;
                    margin-left: 0;
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    padding: 0 32px 10px 14px;

                    &::after {
                        content: '';
                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                        width: 15px;
                        height: 15px;
                        position: absolute;
                        right: 14px;
                        top: 50%;
                        transform: translateY(-50%) rotate(-90deg);
                    }

                    & + .notification-item {
                        margin-top: 10px;
                    }

                    .notification-link {
                        font-family: Montserrat;
                        font-style: normal;
                        font-weight: 500;
                        font-size: 14px;
                        line-height: 18px;
                        color: #FF8C1C;
                        text-decoration: none;
                        margin-bottom: 5px;

                        &::before {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            bottom: 0;
                            right: 0;
                        }
                    }

                    span {
                        font-family: Montserrat;
                        font-style: normal;
                        font-weight: normal;
                        font-size: 12px;
                        line-height: 18px;
                        color: #495057;
                        // max-width: 195px;
                        // overflow: hidden;
                        // white-space: nowrap;
                        // text-overflow: ellipsis;
                    }
                }
            }

            button {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 18px;
                color: #FF8C1C;
                margin: 14px 0;
            }
        }
    }

    .notification-badge {
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        background: #FF3347;
        box-sizing: border-box;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        border-radius: 9px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        color: #FFFFFF;
        display: flex;
        position: absolute;
        top: -5px;
        right: -5px;
        text-align: center;
        line-height: 20px;
        align-items: center;
        justify-content: center;
    }

    > button {
        padding: 0;
        width: 46px;
        height: 46px;
    }
}

.button-cabinet {
    > button {
        padding: 0;
        width: 46px;
        height: 46px;
    }
}

.dropdown {
    .dropdown-menu {
        background-color: #FFFFFF;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        padding: 0;
        margin: 10px 0 0;
        z-index: 1040;

        .dropdown-item {
            &:hover {
                background-color: transparent !important;
            }
        }

        a.dropdown-item {
            &:focus, &:hover, &:active {
                color: #FF8C1C;
            }
        }


        li {
            margin-left: 0 !important;
            border-bottom: 1px solid #F5F5F6;
            font-size: 14px;
            line-height: 18px;

            &:last-child {
                border-bottom-width: 0;
            }

            .dropdown-item.active, 
            .dropdown-item:active {
                background-color: transparent;
                color: #FF8C1C;
            }

            span {
                display: flex;
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 18px;
                padding: 10px 13px;
            }

            button,
            a {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 18px;
                color: #495057;
                padding: 10px 13px;

                &:hover {
                    background-color: transparent;
                    color: #FF8C1C;
                }

                &:focus {
                    background-color: transparent;
                }
            }
        }
    }
}

#navbarNav{
    background-color: #FFF !important;
}

/* offcanvas */
body[data-bs-padding-right] {
    overflow: hidden;
}

.offcanvas {
    padding-right: 0 !important;

    &.offcanvas-skills {
        width: 100%;
        max-width: 636px;

        .offcanvas-title {
            font-family: Montserrat Alternates;
            font-style: normal;
            font-weight: bold;
            font-size: 21px;
            line-height: 26px;
            color: #212429;
            text-transform: none;
        }

        .offcanvas-footer {
            padding: 16px;
        }

        .offcanvas-body {
            padding-top: 0;

            &::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                background-color: #F5F5F5;
            }
    
            &::-webkit-scrollbar {
                width: 6px;
                background-color: #F5F5F5;
            }
    
            &::-webkit-scrollbar-thumb {
                background-color: #FF8C1C;
                border-radius: 6px;
            }
        }
    }

    &.show:not(.offcanvas-skills) {
        visibility: visible;
        background-color: transparent;
    }

    .modal-dialog {
        margin-left: auto;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        height: 100%;

        .modal-content {
            height: 100%;
            border-radius: 0;

            .modal-header {
                .modal-title {
                    font-family: Montserrat Alternates;
                    font-style: normal;
                    font-weight: bold;
                    font-size: 21px;
                    line-height: 26px;
                    color: #212429;
                }
            }

            .modal-body {
                padding: 0;
                display: flex;
                flex-direction: column;
                height: calc(100% - 34px);
                overflow-y: auto;
                padding-right: 15px;

                &::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                    background-color: #F5F5F5;
                }
        
                &::-webkit-scrollbar {
                    width: 6px;
                    background-color: #F5F5F5;
                }
        
                &::-webkit-scrollbar-thumb {
                    background-color: #FF8C1C;
                    border-radius: 6px;
                }

                .label {
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: normal;
                    font-size: 16px;
                    line-height: 20px;
                    color: #ACB5BD;
                }

                .scroll-wrapper {
                    overflow-y: auto;

                    &::-webkit-scrollbar-track {
                        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                        background-color: #F5F5F5;
                    }
            
                    &::-webkit-scrollbar {
                        width: 6px;
                        background-color: #F5F5F5;
                    }
            
                    &::-webkit-scrollbar-thumb {
                        background-color: #FF8C1C;
                        border-radius: 6px;
                    }
                }

                .location-list {
                    > ul {
                        > li {

                            & + li {
                                margin-top: 5px;
                            }

                            > a {
                                font-family: Montserrat;
                                font-style: normal;
                                font-weight: 500;
                                font-size: 16px;
                                line-height: 24px;
                                color: #FF8C1C;
                                display: flex;
                                align-items: center;
                                text-decoration: none;

                                &.clear {
                                    color: #495057;

                                    &::before {
                                        content: '';
                                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                                        background-position: center;
                                        background-repeat: no-repeat;
                                        width: 16px;
                                        height: 16px;
                                        margin-right: 10px;
                                        transform: rotate(-90deg);
                                    }
                                }

                                &.collapsed {
                                    color: #495057;
                                }

                                &::before {
                                    content: '';
                                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                                    background-position: center;
                                    background-repeat: no-repeat;
                                    width: 16px;
                                    height: 16px;
                                    margin-right: 10px;
                                    transform: rotate(180deg);
                                }

                                &.collapsed::before {
                                    transform: rotate(0deg);
                                }
                            }

                            ul {
                                margin-left: 26px;

                                li {
                                    a {
                                        font-family: Montserrat;
                                        font-style: normal;
                                        font-weight: 500;
                                        font-size: 14px;
                                        line-height: 24px;
                                        color: #495057;
                                        text-decoration: none;

                                        &:hover {
                                            color: #FF8C1C;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .modal-footer {
                padding: 15px 0 0;
            }
        }
    }
}

/* select2 */
.modal-open {
    > .select2-container {
        z-index: 1060;
    }
}

.select2-container--default {
    .select2-results {
        > .select2-results__options {
            max-height: 240px !important;
        }
    }
}

span.select2-container--open {
    z-index: 1041;
}

.livewire {
    .select2-container .select2-results__option {
        padding: 10px 36px 10px 20px;
    }

    .select2-container .select2-results__option[aria-selected="true"] {
        position: relative;
        color: #FF8C1C;

        &::after {
            content: '';
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTM4My44NDEsMTcxLjgzOGMtNy44ODEtOC4zMS0yMS4wMi04LjY3Ni0yOS4zNDMtMC43NzVMMjIxLjk4NywyOTYuNzMybC02My4yMDQtNjQuODkzICAgIGMtOC4wMDUtOC4yMTMtMjEuMTMtOC4zOTMtMjkuMzUtMC4zODdjLTguMjEzLDcuOTk4LTguMzg2LDIxLjEzNy0wLjM4OCwyOS4zNWw3Ny40OTIsNzkuNTYxICAgIGM0LjA2MSw0LjE3Miw5LjQ1OCw2LjI3NSwxNC44NjksNi4yNzVjNS4xMzQsMCwxMC4yNjgtMS44OTYsMTQuMjg4LTUuNjk0bDE0Ny4zNzMtMTM5Ljc2MiAgICBDMzkxLjM4MywxOTMuMjk0LDM5MS43MzUsMTgwLjE1NSwzODMuODQxLDE3MS44Mzh6IiBmaWxsPSIjZmY4YzFjIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuODQsMCwwLDExNC44NCwwLDI1NnMxMTQuODQsMjU2LDI1NiwyNTZzMjU2LTExNC44NCwyNTYtMjU2UzM5Ny4xNiwwLDI1NiwweiBNMjU2LDQ3MC40ODcgICAgYy0xMTguMjY1LDAtMjE0LjQ4Ny05Ni4yMTQtMjE0LjQ4Ny0yMTQuNDg3YzAtMTE4LjI2NSw5Ni4yMjEtMjE0LjQ4NywyMTQuNDg3LTIxNC40ODdjMTE4LjI3MiwwLDIxNC40ODcsOTYuMjIxLDIxNC40ODcsMjE0LjQ4NyAgICBDNDcwLjQ4NywzNzQuMjcyLDM3NC4yNzIsNDcwLjQ4NywyNTYsNDcwLjQ4N3oiIGZpbGw9IiNmZjhjMWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+');
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            width: 16px;
            height: 16px;
        }
    }
}

.wireselect2 {
    .select2-container--default .select2-selection--multiple {
        border-width: 0;
    }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
        padding: 0;
    }
    .select2-container .select2-search--inline {
        float: none;
    }
    .select2-container .select2-search--inline .select2-search__field {
        background-color: #FFFFFF;
        border: 1px solid #ACB5BD;
        box-sizing: border-box;
        border-radius: 8px;
        padding: 12px 18px;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out;
        display: block;
        width: 100% !important;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-clip: padding-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-top: 0;
    }

    ul {
        list-style: none;
        padding: 0;
    }
    
    .tag-selected {
        padding: 6px 30px 6px 11px;
        background-color: #FFFFFF;
        border: 1px solid #DDE2E5;
        box-sizing: border-box;
        box-shadow: 0px 2px 4px rgb(33 36 41 / 5%);
        border-radius: 14px;
        display: flex;
        align-items: center;
        width: fit-content;
        width: -moz-fit-content;
        margin: 6px 0;
        font-family: Montserrat, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        text-transform: uppercase;
        color: #495057;
        position: relative;
        margin-right: 12px;
    }
    
    .destroy-tag-selected {
        cursor: pointer;
        background-color: #DDE2E5;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin-left: 8px;
        color: #495057;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Montserrat, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        position: absolute;
        top: 50%;
        right: 6px;
        transform: translateY(-50%);
    }
    
    .select2-selection__choice {
        display: none;
    }
}

.select2-container {
    outline: none;
    box-shadow: none;
    display: block;

    &.select2-container--open.select2-container--below .select2-selection--single {
        border-radius: 8px !important;
    }

    .select2-selection--single {
        padding: 12px 41px 12px 18px !important;
        background-color: #F5F5F6;
        border-radius: 8px;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        color: #212429;
        cursor: pointer;
        position: relative;
        user-select: none;
        height: auto;
        display: flex;
        align-items: center;
        border-width: 0;
        outline: none;
        box-shadow: none;

        .select2-selection__rendered {
            padding: 0 !important;
            line-height: 1.5 !important;
            margin-right: auto;
            font-family: Montserrat;
            font-style: normal;
            font-weight: 300;
            font-size: 16px;
            line-height: 20px;
        }

        .select2-selection__arrow {
            width: 16px !important;
            height: 12px !important;
            top: 50% !important;
            right: 16px !important;
            transform: translateY(-50%);

            b {
                border-width: 0 !important;
                width: 16px !important;
                height: 12px !important;
                margin: 0 !important;
                position: relative !important;
                left: auto !important;
                top: auto !important;
                display: flex;

                &::before {
                    content: '';
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                    background-repeat: no-repeat;
                    background-position: center;
                    width: 16px;
                    height: 12px;
                }
            }
        }
    }

    .select2-dropdown {
        background-color: #FFFFFF;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
        border-radius: 8px;
        margin-top: 5px;
        border: none;
        z-index: 99;
        user-select: none;
    }

    .select2-results__option {
        cursor: pointer;
        padding: 10px 20px;
        border-bottom: 1px solid #F5F5F6;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
        color: #495057;
        
        &:last-child {
            border-block-width: 0;
        }

        &[aria-selected=true] {
            background-color: transparent;
        }

        &.select2-results__option--highlighted {
            background-color: transparent;
            color: #FF8C1C;
        }
    }

    .select2-results {
        > .select2-results__options {
            &::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                background-color: #F5F5F5;
            }
    
            &::-webkit-scrollbar {
                width: 6px;
                background-color: #F5F5F5;
            }
    
            &::-webkit-scrollbar-thumb {
                background-color: #FF8C1C;
                border-radius: 6px;
            }
        }
    }
}

.bordered-select2 {

    .select2-container {
        outline: none;
        box-shadow: none;
        display: block;
    
        .select2-selection--multiple,
        .select2-selection--single {
            // padding: 14px 41px 14px 24px;
            background-color: #FFFFFF;
            border: 1px solid #ACB5BD;
            border-radius: 8px;
            font-family: 'Montserrat', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            color: #ACB5BD;
            font-family: Montserrat;
            font-style: normal;
            font-weight: normal;
            cursor: pointer;
            position: relative;
            user-select: none;
            height: auto;
            display: flex;
            align-items: center;
            outline: none;
            box-shadow: none;
            width: 100%;
        }

        .select2-selection--multiple .select2-selection__rendered li {
            white-space: break-spaces;
        }

        &.select2-container--disabled {
            .select2-selection--single {
                background-color: #ACB5BD10;
                color: #ACB5BD;

                .select2-selection__rendered {
                    color: #ACB5BD;
                }
            }
        }
    }

    .is-invalid + .select2-container {
        .select2-selection--single {
            border-color: #E03131;
        }
    }

    .select2-dropdown {
        background-color: #FFFFFF;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
        border-radius: 8px;
        margin-top: 5px;
        border: 1px solid #ACB5BD;
        z-index: 99;
        user-select: none;
    }
}

.clear-after {
    &::after {
        display: none !important;
    }
}

.ajax-loader {
    background-color: #FFFFFF10;
    display: flex;
    align-items: center;
    justify-content: center;

    &.ajax-loader::before {
        content: url('../img/logo_small.webp');
        -webkit-animation: spin 4s linear infinite;
        -moz-animation: spin 4s linear infinite;
        animation: spin 4s linear infinite;
    }

    &::after {
        content: 'Загрузка';
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 17px;
        color: #495057;
    }
}

.text-loader {
    display: flex;
    align-items: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #495057;

    &.ajax-loader::before {
        content: url('../img/logo_small.webp');
        -webkit-animation: spin 4s linear infinite;
        -moz-animation: spin 4s linear infinite;
        animation: spin 4s linear infinite;
        margin-right: 10px;
    }
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.v2 {
    .tree {
        li {
            line-height: 1;
            padding: 0;
            font-family: Montserrat;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            color: #495057;
            text-decoration: none;

            ul {
                &::before {
                    display: none;
                }
                margin-left: 26px;
            }

            &:before {
                display: none;
            }

            .glyphicon-plus-sign {
                display: flex;

                &::before {
                    content: '';
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                    background-position: center;
                    background-repeat: no-repeat;
                    width: 16px;
                    height: 16px;
                    margin-right: 5px;
                    transform: rotate(0);
                }
            }

            .glyphicon-dashboard,
            .glyphicon-minus-sign {
                display: flex;

                &::before {
                    content: '';
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
                    background-position: center;
                    background-repeat: no-repeat;
                    width: 16px;
                    height: 16px;
                    margin-right: 5px;
                    transform: rotate(180deg);
                }
            }

            span {
                display: flex;
                align-items: center;
                border: none;
                padding: 0;

                &.tree-selected {
                    border: none;
                    background-color: transparent;
                    color: #E07207;
                }

                &:hover {
                    border: none;
                    color: #E07207;
                }
            }
        }
    }
}

@media (max-width: 768px) {
    h1,
    .h1 {
        font-size: 24px;
        line-height: 29px;
    }
    h2,
    .h2 {
        font-family: 'Montserrat Alternates', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 38px;
        line-height: 46px;
    }
    h3,
    .h3 {
        font-family: 'Montserrat Alternates', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 29px;
    }
    h4,
    .h4 {
        font-family: 'Montserrat Alternates', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
    }
    h5,
    .h5 {
        font-family: 'Montserrat Alternates', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0;
        text-transform: uppercase;
    }
    p {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
        color: #495057;

        &.small {
            font-size: 14px;
        }

        & + p {
            margin-top: 20px;
        }
    }
    small {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 15px;
    }

    .breadcrumbs {
        white-space: nowrap;
        display: flex;
        overflow-x: auto;
        padding-bottom: 15px;
    }

    /* Tabs */
    .nav-tabs {
        overflow-x: auto;
        display: flex;

        .nav-item {
            white-space: nowrap;
        }
    }
}

.form-select {
    background-color: #FFFFFF;
    border: 1px solid #ACB5BD;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px 18px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out;

    &:focus {
        background-color: #FFFFFF;
        border: 1px solid #FF8C1C;
        box-sizing: border-box;
        box-shadow: 0px 1px 1px rgb(51 154 240 / 10%);
        border-radius: 8px;
        outline: none;
    }
}

.form-floating {
    .form-control:not([type="file"]):not([readonly]):focus {
        color: #212529;
    }

    .form-select {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        padding-left: 18px;
        padding-right: 28px;
    }

    label {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 30px;
        color: #a0a9b1;
        padding: 15px 18px;
    }
}

.field-code input + button {
    display: none;
}

.field-code input[type="tel"].show + button {
    display: block;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #F5F5F6;
    border-radius: 6px;
    padding: 6px 11px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 14px;
    color: #000000;
    border-width: 0;
}
.error-wrapper {
    margin: 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .code {
        font-family: Montserrat Alternates;
        font-style: normal;
        font-weight: bold;
        font-size: 68px;
        line-height: 83px;
        color: #212429;
        margin-bottom: 30px;
    }

    p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #ACB5BD;
    }
}



/**
 * Custom Responsive Table
 */

.crt {
    .crt-header {
        display: none;
    }
    
    .crt-row {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #DDE2E5;
        margin-bottom: 8px;

        .crt-col {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 8px;

            .crt-label {
                flex: 1;
                overflow-wrap: break-word;
                word-break: break-word;
                font-weight: 500;
            }

            .crt-value {
                flex: 2;
                overflow-wrap: break-word;
                word-break: break-word;
            }
        }
    }

    .crt-body {
        .crt-row:last-child {
            border-bottom: 0;
            margin-bottom: 0;
        }
    }
}

@media (min-width: 1024px) {
    .crt:not(.mobile) {
        width: 100%;

        .crt-header {
            display: block;
            font-weight: 500;
        }
        
        .crt-row {
            display: flex;
            flex-direction: row;
            border-bottom: 1px solid #DDE2E5;
            margin-bottom: 8px;
    
            .crt-col {
                display: flex;
                flex-wrap: wrap;
                margin-bottom: 8px;
                flex: 1;
    
                .crt-label {
                    display: none;
                    overflow-wrap: break-word;
                    word-break: break-word;
                    font-weight: 500;
                }
    
                .crt-value {
                    flex: 1 100%;
                    overflow-wrap: break-word;
                    word-break: break-word;
                }
            }
        }
    }
}

/**
 * Right & Left Modal
 */
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 635px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 0;
}
/*Left*/
.modal.left.fade .modal-dialog{
    left: -635px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog{
    left: 0;
}
    
/*Right*/
.modal.right.fade .modal-dialog {
    right: -635px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal.left .modal-content, 
.modal.right .modal-content {
    border-radius: 0;
    border: none;
}
.modal.left .modal-header, 
.modal.right .modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

.loaded-content {
    position: relative;

    &::before {
        content: '';
        background-color: rgba(255, 255, 255, .7);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
        z-index: 99;
    }

    &::after {
        content: " ";
        position: absolute;
        top: 15%;
        left: 50%;
        display: block;
        width: 64px;
        height: 64px;
        margin-left: -32px;
        border-radius: 50%;
        border: 6px solid #FF8C1C;
        border-color: #FF8C1C transparent #FF8C1C transparent;
        animation: lds-dual-ring 1.2s linear infinite;
        z-index: 101;
    }
    @keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
}

.swal2-content {
    font-size: 16px;

    a {
        font-size: 16px;
    }
}

.platform-wrapper {
    position: relative;
    margin-left: 20px;
    
    @media (min-width: 320px) and (max-width: 480px) {
        margin-left: 0;
    }

    .platforms {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 10px;
        width: 43px;
        height: 43px;
        background: #FF8C1C;
        border-radius: 50%;
        border-width: 0;
        position: relative;

        &::before {
            content: '';
            background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6882 1.72711H18.8805C20.2013 1.72711 21.2728 2.80788 21.2728 4.14115V7.36021C21.2728 8.69248 20.2013 9.77425 18.8805 9.77425H15.6882C14.3664 9.77425 13.2949 8.69248 13.2949 7.36021V4.14115C13.2949 2.80788 14.3664 1.72711 15.6882 1.72711Z' stroke='white' stroke-width='1.46591' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.11983 1.72717H7.31118C8.63298 1.72717 9.70444 2.80794 9.70444 4.14121V7.36027C9.70444 8.69254 8.63298 9.77432 7.31118 9.77432H4.11983C2.79802 9.77432 1.72656 8.69254 1.72656 7.36027V4.14121C1.72656 2.80794 2.79802 1.72717 4.11983 1.72717Z' stroke='white' stroke-width='1.46591' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.11983 13.2253H7.31118C8.63298 13.2253 9.70444 14.3061 9.70444 15.6404V18.8584C9.70444 20.1917 8.63298 21.2725 7.31118 21.2725H4.11983C2.79802 21.2725 1.72656 20.1917 1.72656 18.8584V15.6404C1.72656 14.3061 2.79802 13.2253 4.11983 13.2253Z' stroke='white' stroke-width='1.46591' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6882 13.2253H18.8805C20.2013 13.2253 21.2728 14.3061 21.2728 15.6404V18.8584C21.2728 20.1917 20.2013 21.2725 18.8805 21.2725H15.6882C14.3664 21.2725 13.2949 20.1917 13.2949 18.8584V15.6404C13.2949 14.3061 14.3664 13.2253 15.6882 13.2253Z' stroke='white' stroke-width='1.46591' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            width: 23px;
            height: 23px;
            display: flex;
        }
    }

    .platform-list {
        display: none;
        width: 100%;
        min-width: 428px;
        position: absolute;
        z-index: 556;
        box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        margin-top: 8px;
        padding: 20px;
        background-color: #FFF;

        @media (min-width: 0px) and (max-width: 374px) {
            min-width: 296px;
        }

        @media (min-width: 375px) and (max-width: 480px) {
            min-width: 320px;
        }

        &.platform-end {
            right: 0;
        }

        &.platform-start {
            left: 0;
        }

        a {
            padding: 12px;
            border-width: 0;
            border-radius: 12px;

            .logo {
                margin-right: 16px;
                min-width: 32px;
            }

            .text {
                margin-bottom: 0;
                
                h5 {
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 24px;
                    color: #111827;
                    text-transform: none;
                }

                p {
                    font-family: Montserrat;
                    font-style: normal;
                    font-weight: normal;
                    font-size: 14px;
                    line-height: 20px;
                    color: #6B7280;
                }
            }
        }
    }

    &.open {
        .platform-list {
            display: block;

            @media (max-width: 768px) {
                right: 0;
            }
        }
    }
}

.icon-counter {
    display: flex;

    span {
        margin-top: 3px;
    }

    &::before {
        content: attr(data-counter);
        min-width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Inter;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 18px;
        color: #FFFFFF;
        background-color: #FF8C1C;
        border-radius: 50%;
        margin-right: 16px;
    }
}

.icon-packman {
    display: flex;

    &::before {
        content: '';
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        display: flex;
        margin-right: 16px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOMSURBVHgBtZbPahRBEMarZnYXBcH1CVxv3swbJOQFJKCIiCQ5ePKQ9ZKbZhYfIOhZcA8iejKC4EXJ5g2Sgxcvbg6CCCII0U12usvqquqZSbJryAQbeuffdv3qq/66ZxBOaPSm24bzrSUgugbg58D7NpB0vvTbQPkQCN8CjAa40B+eFA+ng7I2XMhXOHBXAcQAx08cKcwFII8XMA/ga6Q+jHwPb08HTwTSh94iJLTOgS5xINKAHDyCKHZfSYI0ARJ4hjdf9CbFTo7BNntrnEafc2nr4wQBEYvc0I5kPTTPD4kUBj7czej1nfUTgbT5eI0HZxYQlYHalUklpaDqvXBA/vEGRrdCr249nwqkj9kSlySDQxEjKCnBEMGgaqSEZOU1GFkC4Bfp5Y1uFSga6H3WgRZu8mkHJjUJkhO4HMHnR86DefLSOJKEUziQ3j/wV3B5Y1gqbMGawIgm8lgh6VwmQTFJuWNJ1VBkRuJEHBaKZU75vElFaVHUNeFLMV8SkDSgzAuWKoMSN+Z+YH0c1NrRmYPFOLGkGkt0+Bm8+24nYXVzkS3pBPujnQuMSpWqsGIep+UtYLZEfIT6Son9QgjT4H79+JyRyT1ywFQNJFmHwE7n0Y+hgMhmYKXWvPQaaVaBxHOHMaQlnpiwoIQqxHCWNFSlwGJ5cyh2nGKZSDyU63DuaSYqnNGqUen86J3CQ6SqwsOkoankfwDGv1nlGAs1Uj7JhoQFVikUM7Tp2fzlBmebaSao4aOdE6xatnwe2t63Odj7Pns4qUPJYlEjsCpR+ZdTN3pyNQO//whaFxHSFieXlpuDulqXUWRinKC004BajZ05+qVhGucB0qbNrTgZpVe3RFIq3tvarQcMc+bZLPnIbgTHNpGhtjlU1MoSCwnAdvhnTWBwnVOHJqwq5+vEdpewdFLbmSgxobKhbdUHJmCbdoCOo6HMbOxQl5RrVsCSTP9sCnUHUaXosDCHY5eLiUDz0IoO8P7OGUoqMND1h6Y0rCbHk5ZIQvZasLf0fnM5jqwJNIVKYcMEUzAhDZ8a9pzCDpOGRd/DB5+GZwWC7CjyHcPQlEylsLS8Xr4YBtj9nFWH1QVSUa64UQeRQSk6MxW7MqWFowPrutSw9k2DMmlWZgjgp7i62/3X0NM1mbMCivotI0q32DjzuPq1O21oXZeCvR1+slN2GcYg2sCHPwbwPxpl0KbsXAdqtL/AEzZJCtXzQQAAAABJRU5ErkJggg==');
    }
}

.national-projects {
    &.page p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
    }

    .social-payments {
        background-color: rgba(255, 170, 89, 0.22);
        overflow: hidden;
        margin-bottom: 45px;
        // box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .12);

        .payment-title {
            font-family: Montserrat Alternates;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 20px;
            margin: 20px 0 10px;
            color: #212429;
            background-color: #FFFFFF;
            padding: 10px 25px;
            border-radius: 100px;
            width: fit-content;
            width: -moz-fit-content;
            margin-right: 20px;
        }

        .payment-items {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 0;

            .payment-item {
                flex: 1;
                display: flex;
                align-items: center;
                margin: 20px 40px 20px 0;

                &:first-child {
                    margin-left: 0;
                }

                &:last-child {
                    margin-right: 0;
                }

                @media (max-width: 1200px) {
                    &:last-child {
                        margin-right: 40px;
                    }
                }

                .payment-item-icon {
                    margin-right: 16px;
                    min-width: 48px;
                    height: 48px;
                    border-radius: 50%;
                    background-color: rgba(255, 170, 89, 0.22);
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    &::before {
                        content: '';
                        background-size: 24px;
                        background-position: center;
                        background-repeat: no-repeat;
                        width: 24px;
                        height: 24px;
                        display: flex;
                    }

                    &.icon-plant::before {
                        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 488.898 488.898' style='enable-background:new 0 0 488.898 488.898;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FF8C1C' d='M20.137,486.349h405.7c10.4,0,19.8-9.4,20.8-20.8v-184.1l8.3,7.2c9.4,7.3,21.8,6.2,29.1-2.1c7.3-9.4,6.2-21.8-2.1-29.1l-182-157.1c-8.3-6.2-19.8-6.2-27,0l-79.3,68.4l-15.4-147.5c-1-10.4-9.4-18.7-19.8-18.7h-119.6c-11.4,0-20.8,9.4-20.8,19.8l-17.7,443.2C-1.963,474.549,7.837,486.349,20.137,486.349z M117.937,288.649l8.3-7.2v164.3h-85.3l16.6-401.6h82.2l16.1,157.2l-65,56.1c-8.3,7.3-9.4,20.8-2.1,29.1C96.537,295.249,108.437,296.149,117.937,288.649z M405.037,247.049v197.7h-237.2v-197.7c0-0.5,0-1-0.1-1.5l118.7-102.6l118.7,102.6C405.137,246.049,405.037,246.549,405.037,247.049z'/%3E%3Cpath fill='%23FF8C1C' d='M265.037,43.549h148c11.3,0,20.5-9.2,20.5-20.5s-9.2-20.5-20.5-20.5h-148c-11.3,0-20.5,9.2-20.5,20.5S253.637,43.549,265.037,43.549z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
                    }

                    &.icon-hands::before {
                        background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 297.047 297.047' style='enable-background:new 0 0 297.047 297.047;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23FF8C1C' d='M291.919,85.301l-69.564-69.675c-3.324-3.333-7.755-5.171-12.47-5.171c-3.72,0-7.335,1.18-10.33,3.347l-1.929,1.1l-89.508,12.311c-2.05,0.076-4.036,0.401-5.934,0.939l-3.141-2.953c-0.129-0.121-0.261-0.24-0.395-0.355c-3.194-2.748-7.273-4.261-11.487-4.261c-4.714,0-9.145,1.838-12.474,5.176L5.132,95.425c-6.219,6.233-6.864,16.195-1.505,23.175c0.185,0.239,0.378,0.473,0.579,0.698l29.846,33.319c0.967,4.03,2.293,8.183,3.95,12.439c-7.239,8.719-6.783,21.715,1.385,29.886c0.014,0.014,0.028,0.027,0.042,0.041l0.097,0.096c4.099,4.084,9.513,6.358,15.282,6.46c-0.107,0.893-0.181,1.792-0.181,2.705c0,5.923,2.302,11.491,6.483,15.686l0.089,0.09c0.014,0.014,0.027,0.028,0.041,0.042c4.197,4.197,9.777,6.51,15.713,6.51c0.688,0,1.368-0.038,2.045-0.1c0.066,0.075,0.137,0.15,0.204,0.226c-0.012,0.301-0.044,0.599-0.044,0.901c0,5.924,2.303,11.494,6.485,15.688l0.092,0.094c0.013,0.013,0.025,0.025,0.038,0.038c4.196,4.196,9.776,6.507,15.712,6.507c0.015,0,0.029-0.002,0.044-0.002l2.118,2.118c0.246,5.559,2.501,10.753,6.461,14.713c0.025,0.024,0.051,0.05,0.076,0.075l0.077,0.076c3.952,3.93,9.128,6.168,14.663,6.413l5.855,5.856c4.783,4.783,11.157,7.417,17.947,7.417c7.814,0,15.076-3.513,19.924-9.639c2.636-3.329,4.295-7.151,5.002-11.11l3.677,3.678c4.857,4.856,11.566,7.643,18.406,7.643c5.648,0,11.172-1.91,15.555-5.38c4.869-3.853,8.134-9.344,9.23-15.386c4.696,4.017,10.766,6.289,16.942,6.289c5.647,0,11.172-1.911,15.555-5.38c5.679-4.495,9.177-11.218,9.596-18.444c0.39-6.715-1.895-13.293-6.303-18.286c4.077-0.719,7.942-2.432,11.184-4.997c5.68-4.495,9.177-11.218,9.596-18.444c0.42-7.239-2.268-14.32-7.375-19.427l-9.433-9.433c0.344-0.342,0.673-0.7,0.976-1.086c17.664-22.508,27.176-39.253,30.683-54.068c0.275-0.484,0.518-0.988,0.724-1.508l1.948-4.908C298.637,99.89,297.626,91.021,291.919,85.301z M55.207,189.559c-2.615,0-5.229-0.998-7.226-2.993l-0.108-0.107c-3.989-3.99-3.989-10.461,0-14.45l7.994-7.994c1.995-1.996,4.609-2.994,7.225-2.994c2.616,0,5.231,0.998,7.228,2.994l0.105,0.107c3.992,3.99,3.992,10.461,0,14.451l-7.992,7.993C60.437,188.56,57.822,189.559,55.207,189.559z M84.18,211.577c-1.996,1.996-4.611,2.994-7.227,2.994c-2.615,0-5.23-0.998-7.227-2.994l-0.106-0.107c-3.991-3.991-3.991-10.46,0-14.451l18.912-18.912c1.997-1.996,4.612-2.994,7.228-2.994c2.616,0,5.231,0.998,7.227,2.994l0.107,0.106c3.99,3.991,3.99,10.462,0,14.451L84.18,211.577z M108.71,234.933c-1.994,1.995-4.609,2.992-7.225,2.992c-2.616,0-5.231-0.997-7.226-2.992l-0.108-0.108c-3.991-3.99-3.991-10.461,0-14.452l12.239-12.241c1.996-1.995,4.61-2.992,7.226-2.992c2.615,0,5.23,0.997,7.227,2.992l0.108,0.108c3.989,3.99,3.989,10.462,0,14.452L108.71,234.933z M125.926,261.367c-2.615,0-5.229-0.998-7.225-2.993l-0.108-0.106c-3.992-3.991-3.992-10.463,0-14.453l5.567-5.567c1.996-1.995,4.611-2.993,7.227-2.993c2.615,0,5.231,0.998,7.227,2.993l0.107,0.108c3.989,3.991,3.989,10.461,0,14.451l-5.568,5.567C131.156,260.369,128.541,261.367,125.926,261.367z M159.242,269.506c-2.684,3.391-6.599,5.086-10.515,5.086c-3.43,0-6.86-1.301-9.462-3.902l-1.034-1.034c1.212-0.81,2.353-1.743,3.406-2.797l5.566-5.565c3.92-3.921,6.047-8.956,6.419-14.095l4.28,4.279C162.752,256.326,163.498,264.129,159.242,269.506z M261.23,186.193c5.573,5.572,5.179,14.941-1.183,19.977c-2.383,1.886-5.24,2.789-8.107,2.789c-3.604,0-7.221-1.428-9.921-4.129l-48.518-48.518c-1.26-1.26-2.91-1.89-4.561-1.89c-1.65,0-3.302,0.63-4.561,1.89l0,0c-2.551,2.55-2.551,6.685,0,9.234l62.373,62.374c5.572,5.572,5.178,14.941-1.183,19.977c-2.383,1.885-5.24,2.789-8.107,2.789c-3.604,0-7.221-1.429-9.921-4.129l-62.081-62.081c-1.276-1.276-2.949-1.915-4.623-1.915c-1.673,0-3.346,0.639-4.623,1.915c-2.516,2.516-2.516,6.595,0,9.11l48.811,48.811c5.572,5.572,5.178,14.941-1.183,19.976c-2.383,1.886-5.24,2.789-8.107,2.789c-3.604,0-7.22-1.428-9.921-4.129l-50.44-50.441c-0.888-3.974-2.853-7.753-5.938-10.839l-0.109-0.109c-3.482-3.48-7.919-5.639-12.713-6.282c0.953-2.499,1.472-5.169,1.472-7.924c0-5.934-2.311-11.515-6.507-15.711c-0.012-0.012-0.024-0.024-0.036-0.036l-0.094-0.093c-4.194-4.184-9.766-6.487-15.69-6.487c-3.925,0-7.685,1.03-11.001,2.929c-0.949-3.883-2.913-7.455-5.804-10.36l-0.072-0.073c-0.026-0.026-0.052-0.053-0.078-0.079c-4.197-4.197-9.777-6.509-15.713-6.509c-5.937,0-11.517,2.313-15.713,6.512l-0.035,0.035c-0.775-2.412-1.433-4.802-1.946-7.161c-0.181-0.825-0.528-1.601-1.043-2.271l-31.209-34.843c-1.716-2.234-1.512-5.394,0.477-7.388l69.562-69.671c1.093-1.096,2.532-1.649,3.978-1.649c1.301,0,2.604,0.449,3.661,1.358l0.551,0.517c-4.658,4.583-7.555,10.95-7.555,17.984c0,13.893,11.277,25.199,25.158,25.248l44.313,0.562L261.23,186.193z M283.901,101.163l-2.391,6.024c-0.515,0.67-0.862,1.445-1.043,2.271c-3.38,15.511-15.294,33.305-28.649,50.322c-16.99-16.99-93.427-93.465-93.427-93.465l-49.324-0.626c-7.286,0-13.248-5.962-13.248-13.248c0-7.286,5.962-13.247,13.248-13.247l92.483-12.72c0.01-0.001,0.019-0.006,0.026-0.012l4.646-2.65c1.057-0.909,2.36-1.358,3.661-1.358c1.444,0,2.885,0.554,3.978,1.649l69.562,69.671C285.413,95.769,285.617,98.929,283.901,101.163z'/%3E%3C/g%3E%3C/svg%3E");
                    }

                    &.icon-lir::before {
                        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.80408 15.477C2.80408 15.477 2.94608 17.215 2.97908 17.763C3.02308 18.498 3.30708 19.319 3.78108 19.889C4.45008 20.697 5.23808 20.982 6.29008 20.984C7.52708 20.986 16.5221 20.986 17.7591 20.984C18.8111 20.982 19.5991 20.697 20.2681 19.889C20.7421 19.319 21.0261 18.498 21.0711 17.763C21.1031 17.215 21.2451 15.477 21.2451 15.477' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.49597 5.32949V4.95849C8.49597 3.73849 9.48397 2.75049 10.704 2.75049H13.286C14.505 2.75049 15.494 3.73849 15.494 4.95849L15.495 5.32949' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.995 16.6782V15.3842' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.74988 8.38912V11.8561C4.66788 13.1211 6.96588 14.0071 9.48788 14.3581C9.78988 13.2571 10.7829 12.4501 11.9899 12.4501C13.1779 12.4501 14.1909 13.2571 14.4729 14.3681C17.0049 14.0171 19.3119 13.1311 21.2399 11.8561V8.38912C21.2399 6.69512 19.8769 5.33112 18.1829 5.33112H5.81688C4.12288 5.33112 2.74988 6.69512 2.74988 8.38912Z' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                    }

                    &.icon-unemp::before {
                        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5948 10.9319C19.1972 10.9319 20.497 9.63298 20.497 8.03064C20.497 6.42831 19.1972 5.12939 17.5948 5.12939' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.9291 14.0848C19.4076 14.1178 19.8833 14.1856 20.3517 14.291C21.0026 14.4184 21.7854 14.6852 22.0641 15.2691C22.2419 15.6431 22.2419 16.0785 22.0641 16.4534C21.7863 17.0374 21.0026 17.3032 20.3517 17.437' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.28998 10.9319C4.68765 10.9319 3.38782 9.63298 3.38782 8.03064C3.38782 6.42831 4.68765 5.12939 6.28998 5.12939' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.95577 14.0848C4.47727 14.1178 4.00152 14.1856 3.5331 14.291C2.88227 14.4184 2.09943 14.6852 1.82168 15.2691C1.64293 15.6431 1.64293 16.0785 1.82168 16.4534C2.09852 17.0374 2.88227 17.3032 3.5331 17.437' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9378 14.7095C15.1846 14.7095 17.9584 15.2009 17.9584 17.1671C17.9584 19.1325 15.2029 19.6421 11.9378 19.6421C8.69003 19.6421 5.91711 19.1508 5.91711 17.1845C5.91711 15.2183 8.67261 14.7095 11.9378 14.7095Z' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9377 11.9049C9.79638 11.9049 8.07947 10.188 8.07947 8.04575C8.07947 5.90442 9.79638 4.1875 11.9377 4.1875C14.0791 4.1875 15.796 5.90442 15.796 8.04575C15.796 10.188 14.0791 11.9049 11.9377 11.9049Z' stroke='%23FF8C1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                    }

                    &.icon-socpay::before {
                        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_654_6252)'%3E%3Cpath d='M20.6963 4C22.4533 4 23.89 5.37157 23.994 7.10241L24 7.30366V17.5211C24 19.2781 22.6284 20.7147 20.8976 20.8187L20.6963 20.8247H3.30366C1.54668 20.8247 0.110037 19.4532 0.00602942 17.7223L0 17.5211V7.30366C0 5.54668 1.37157 4.11004 3.10241 4.00603L3.30366 4H20.6963ZM22.197 11.1768H1.8008L1.802 17.5211C1.802 18.2986 2.3929 18.9381 3.15012 19.015L3.30366 19.0228H20.6963C21.4739 19.0228 22.1134 18.4318 22.1903 17.6746L22.198 17.5211L22.197 11.1768ZM19.5119 15.3878C20.0095 15.3878 20.4128 15.7912 20.4128 16.2888C20.4128 16.7449 20.0739 17.1219 19.6341 17.1815L19.5119 17.1898H16.5085C16.0109 17.1898 15.6075 16.7864 15.6075 16.2888C15.6075 15.8326 15.9465 15.4557 16.3863 15.396L16.5085 15.3878H19.5119ZM20.6963 5.802H3.30366C2.52615 5.802 1.88665 6.3929 1.80975 7.15013L1.802 7.30366L1.8008 9.37476H22.197L22.198 7.30366C22.198 6.52615 21.6071 5.88665 20.8499 5.80975L20.6963 5.802Z' fill='%23FF8C1C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_654_6252'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
                    }
                }

                .payment-item-text {
                    display: flex;
                    flex-direction: column;

                    strong {
                        font-family: Inter;
                        font-style: normal;
                        font-weight: bold;
                        font-size: 24px;
                        line-height: 28px;
                        color: #212429;
                        margin-bottom: 6px;
                    }

                    span {
                        font-family: Montserrat Alternates;
                        font-style: normal;
                        font-weight: normal;
                        font-size: 12px;
                        line-height: 18px;
                        color: #5C5776;
                        text-transform: uppercase;
                        white-space: nowrap;
                    }
                }
            }
        }
    }
}

.wirecanvas {
    .wirecanvas-wrapper {
        width: 100%;
        max-width: 620px;
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        background-color: #FFFFFF;
        z-index: 1040;
        display: flex;
        flex-direction: column;
        transition: all .15s ease;
        display: none;

        .wirecanvas-header {
            padding: 24px 24px 12px;

            .wirecanvas-title {
                font-family: 'Montserrat Alternates', sans-serif;
                font-style: normal;
                font-weight: bold;
                font-size: 21px;
                line-height: 26px;
                color: #212429;
                text-transform: none;
            }
        }

        .wirecanvas-body {
            padding: 0 24px;
            height: calc(100% - 154px);
            overflow: auto;
        }

        .wirecanvas-footer {
            padding: 12px 24px 24px;
        }
    }

    .wirecanvas-backdrop {
        background: rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(5px);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1039;
        opacity: 0;
        transition: all 0.15s ease;
        width: 100vw;
        height: 100vh;
        display: none;
    }

    &.show {
        .wirecanvas-backdrop {
            opacity: 1;
            transition: all 0.3s ease;
            display: flex;
        }
        .wirecanvas-wrapper {
            display: block;
            right: 0;
            transition: all .15s ease;
        }
    }
}